| 序号 | 名称 | 类型 | 是否必需(创建对象) | 说明 |
|---|---|---|---|---|
| 1 | qrectVersion | String | 否(自动生成) | Qrect类版本号 |
| 2 | qcanvas | Object | 否(自动生成) | Qcanvas类实例 |
| 3 | TYPE | String | 否(自动生成) | 矩形类型标记 'rect' (注:不允许修改) |
| 4 | lineWidth | Number | 否 | 矩形边线粗细 |
| 5 | start | Array Or Fun | 否 | 矩形左上角坐标 |
| 6 | width | Number Or Fun | 否 | 矩形宽 |
| 7 | height | Number Or Fun | 否 | 矩形高 |
| 8 | borderColor | String | 否 | 矩形边线颜色 |
| 9 | fillColor | String | 否 | 矩形填充颜色 |
| 10 | drag | String/Boolean | 否 | 是否可拖动(true:可拖动【默认】,false:不可拖动,'vertical':只可竖向拖动,'horizontal':可能横向拖动) |
| 11 | pointerEvent | String | 否 | 是否响应事件(默认'auto':响应,'none':不响应) |
| 12 | mousedown | Fun | 否 | 事件 |
| 13 | mousemove | Fun | 否 | 事件 |
| 14 | mouseup | Fun | 否 | 事件 |
| 15 | mouseout | Fun | 否 | 事件 |
| 16 | touchstart | Fun | 否 | 事件 |
| 17 | touchmove | Fun | 否 | 事件 |
| 18 | touchend | Fun | 否 | 事件 |
| 19 | opacity | Number | 否 | 填充色透明度(最大为1) |
| 20 | degree | Number | 否 | 旋转角度(-360~360) |
| 21 | radius | Number | 否 | 圆角度数 |
| 22 | resize | Boolean | 否 | 是否启用缩放控件 |
| 23 | rotate | Boolean | 否 | 是否启用角度控制控件 |
| 24 | dashed | Boolean | 否 | 边线是否为虚线 |
| 25 | mouseenter | Fun | 否 | 事件 |
| 27 | dblclick | Fun | 否 | 事件 |
| 28 | dragRange | Array | 否 | 限制拖动的区域(限制start的值) 必须为两个坐标点[[左上角x,左上角y],[右下角x,右下角y]] |
| 29 | antLine | Boolean/Object | 否 | 蚂蚁线动画效果(注:只对虚线形式起作用) //也可以配置为对象 //{ //step:0.5, 调整动画的速度 //reverseDirection:false 调整方向 //} |
1、qrectVersion(String)
Qrect类版本号
function Qrect(qcanvas){
this.qrectVersion = '1.0';
this.qcanvas = qcanvas;
}
2、qcanvas(Object)
Qcanvas类实例
function Qrect(qcanvas){
this.qrectVersion = '1.0';
this.qcanvas = qcanvas;
}
3、TYPE(String)
矩形类型标记 'rect' ,不能更改
4、lineWidth(Object)
矩形边线粗细
5、start(Array Or Function)
矩形左上角坐标
6、width(Number Or Function)
矩形宽
7、height(Number Or Function)
矩形高
8、borderColor(String)
矩形边线颜色
9、fillColor(String)
矩形填充颜色