Cloudinary上传固定图像高度,可变宽度

时间:2016-03-22 22:52:55

标签: php jquery cloudinary

我要求我上传的所有图片都有225px的固定高度,并且适合225x225平方。宽度将根据纵横比而变化,最大值为225。

以下不允许灵活的宽度,只需将每张图片设为225x225。

cl_image_tag("sample.jpg", array("width"=>225, "height"=>225, "crop"=>"fill"))

http://cloudinary.com/documentation/image_transformations#fill

以下是我的要求:

1)如果上传的图像是150w x 300h。结果将是112w x 225h。

2)如果上传的图像是500w x 250h。结果将是225w x 225h。

3)如果上传的图像是500w x 100h。结果将是225w x 225h。

4)如果上传的图像是50w x 100h。结果将是112w x 225h。

5)如果上传的图像是100w x 50h。结果将是225w x 225h。

1 个答案:

答案 0 :(得分:0)

需要使用chain transformations来完成此任务。 Scale首先使用LIMIT fill进行裁剪。如果图像大于裁剪框的大小,则限制仅填充作物,因此不会裁剪较小的图像。

array("height"=>225, "crop"=>"scale"),
array("width"=>225, "height"=>225, "crop"=>"lfill")

完整的PHP代码:

    echo cl_image_upload_tag('test',
        array(
            "public_id" => "filepath",
            "format" => "jpg",
            "callback" => $cors_location,
            "html" => array(
                "multiple" => true
            ),
            "transformation" => array(
                array("height"=>225, "crop"=>"scale"),
                array("width"=>225, "height"=>225, "crop"=>"lfill")
            )
        )
    );