图片

参数

  • x: 图片 X 坐标,数据类型为 int,必选参数。

  • y:图片 Y 坐标,数据类型为 int,必选参数。

  • url: 图片链接,需要保证图片能够正常访问下载,数据类型为 url,必选参数。

  • width: 图片渲染宽度,用于缩放图片,数据类型为 int,必选参数。

  • height: 图片渲染高度,用于缩放图片,数据类型为 int,必选参数。

  • borderColor: 四条边框颜色,数据类型为 Hex Color Code,默认值为 #000,非必选参数。

  • borderWidth:四条边框宽度,注意边框宽度一半在内部,一半在外部。其数据类型为 int,默认值为 0,非必选参数。

  • borderTopColor: 上边框边框颜色,优先级高于 borderColor,数据类型为 Hex Color Code,默认值为 #000,非必选参数。

  • borderTopWidth: 上边框边框宽度,优先级高于 borderWidth,数据类型为 int,默认值为 0,非必选参数。

  • borderBottomColor: 下边框边框颜色,优先级高于 borderColor,数据类型为 Hex Color Code,默认值为 #000,非必选参数。

  • borderBottomWidth: 下边框边框宽度,优先级高于 borderWidth,数据类型为 int,默认值为 0,非必选参数。

  • borderLeftColor: 左边框边框颜色,优先级高于 borderColor,数据类型为 Hex Color Code,默认值为 #000,非必选参数。

  • borderLeftWidth: 左边框边框宽度,优先级高于 borderWidth,数据类型为 int,默认值为 0,非必选参数。

  • borderRightColor: 右边框边框颜色,优先级高于 borderColor,数据类型为 Hex Color Code,默认值为 #000,非必选参数。

  • borderRightWidth: 右边框边框宽度,优先级高于 borderWidth,数据类型为 int,默认值为 0,非必选参数。

  • borderRadius: 边框四个顶点圆角半径,数据类型为 int,默认值为 0,非必选参数。

  • borderTopLeftRadius: 边框左上角顶点圆角半径,优先级高于 borderRadius,数据类型为 int,默认值为 0,非必选参数。

  • borderTopRightRadius: 边框右上角顶点圆角半径,优先级高于 borderRadius,数据类型为 int,默认值为 0,非必选参数。

  • borderBottomLeftRadius: 边框左下角顶点圆角半径,优先级高于 borderRadius,数据类型为 int,默认值为 0,非必选参数。

  • borderBottomRightRadius: 边框右下角顶点圆角半径,优先级高于 borderRadius,数据类型为 int,默认值为 0,非必选参数。

  • zIndex: 层级,决定同位置内容的覆盖情况,数据类型为 int, 默认值为 0,非必选参数。

    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
}