Skip to main content

图片

参数#

字段名数据类型默认值必需描述
xintyes图片 X 坐标
yintyes图片 Y 坐标
urlurlyes图片链接,需要保证图片能够正常访问下载
widthintyes图片渲染宽度,用于缩放图片
heightintyes图片渲染高度,用于缩放图片
borderColorHex Color Code#000000四条边框颜色
borderWidthint0四条边框宽度,边框宽度一半在内部,一半在外。
borderTopColorHex Color Code#000000上边框边框颜色,优先级高于 borderColor
borderTopWidthint0上边框边框宽度,优先级高于 borderWidth
borderBottomColorHex Color Code#000000下边框边框颜色,优先级高于 borderColor
borderBottomWidthint0下边框边框宽度,优先级高于 borderWidth
borderLeftColorHex Color Code#000000左边框边框颜色,优先级高于 borderColor
borderLeftWidthint0左边框边框宽度,优先级高于 borderWidth
borderRightColorHex Color Code#000000右边框边框颜色,优先级高于 borderColor
borderRightWidthint0右边框边框宽度,优先级高于 borderWidth
borderRadiusint0边框四个顶点圆角半径
borderTopLeftRadiusint0边框左上角顶点圆角半径,优先级高于 borderRadius
borderTopRightRadiusint0边框右上角顶点圆角半径,优先级高于 borderRadius
borderBottomLeftRadiusint0边框左下角顶点圆角半径,优先级高于 borderRadius
borderBottomRightRadiusint0边框右下角顶点圆角半径,优先级高于 borderRadius
zIndexint0渲染层级,会影响同一位置不同内容的覆盖情况

imgrender-图片组件

示例#

{    "x": 248,    "y": 25,    "width": 120,    "height": 120,    "url": "https://img-chengxiaoli-1253325493.cos.ap-beijing.myqcloud.com/bikers_327390-13.jpg",    "borderRadius": 60,    "zIndex": 1}