veImageX 支持您通过配置圆角矩形参数,选择圆角为正圆或椭圆后将 veImageX 中存储矩形图片的 4 个角切成圆角。本文介绍使用圆角矩形裁剪图片时的注意事项、使用方法和案例讲解。
说明
在使用 URL 动态输入时,您可以通过自定义结果图访问 URL 上参数值,从而获取多种圆角矩形结果图。例如访问 URL 为:http(s)://域名/图片URI~模板名称:round-corner_radius.png,其中round-corner_radius
为正圆圆角半径设置值。
下图为您展示了圆角为正圆时的结果图参数介绍。
正圆圆角示例图访问地址如下所示,您可在网站输入该地址并自定义正圆圆角半径,查看多种图片效果:
http://p3-mofang.byteimg.com/tos-cn-i-x9vch4xmek/example.jfif~tplv-x9vch4xmek-round-corner-zy-1:400.image
下图为您展示了圆角为椭圆时的结果图参数介绍。
椭圆圆角示例图访问地址如下所示,您可在网站输入该地址并自定义椭圆双边圆角半径,查看多种图片效果:
http://p3-mofang.byteimg.com/tos-cn-i-x9vch4xmek/example.jfif~tplv-x9vch4xmek-round-corner-ty-1:450:300.image
登录 veImageX 控制台创建图片处理模板,具体操作说明请参考新建模板。
控制台获取:在创建模板后,您可以参考获取资源地址在控制台实时获取您的结果图访问地址。
OpenAPI 获取:在创建模板后,您可以通过调用 GetResourceURL获取经模板处理后的结果图访问地址。