# Rect - 矩形

# 效果图

# 代码

import {
    Rect
} from 'wx-canvas-2d'

canvas.draw({
    series: [
        {
            type: Rect,
            x: 40,
            y: 40,
            width: 520,
            height: 520,
            bgColor: '#0ff',
            radius: 16,
            lineStyle: {
                color: 'blue',
                width: 10,
                dash: [15, 15]
            },
            zIndex: 0
        }
    ]
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

# 属性

属性 描述 是否必填 类型 默认值
type series 系列类型标识 String -
x 绘制起始点的x轴坐标,左端为0 Number 0
y 绘制起始点的y轴坐标,顶部为0 Number 0
width 图片宽度 Number 0
height 图片高度 Number 0
bgColor 背景色(填充色) String -
radius 矩形圆角 Number 0
lineStyle 边框线样式 lineStyle -
zIndex 图层顺序,值越大,图层越高 Number 0