Skip to main content

矩形

参数#

字段名数据类型默认值必需描述
xintyes矩形 X 坐标
yintyes矩形 Y 坐标
widthintyes矩形宽度
heightintyes矩形高度
backgroundColorHex Color Code#000000背景颜色
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": 220,    "y": 100,    "width": 380,    "height": 200,    "backgroundColor": "#fff",    "borderColor": "#fff"}