画图板

画图板控件可以配合“canvasSetIcon、canvasStrokeColor、canvasMoveTo、canvasLineTo、canvasDrawImg”指令的使用实现手动绘图。

名称、ID、坐标、宽度、高度、阻断触摸、禁用触摸、变换、纹理压缩模式、可替换升级、纹理为通用属性，在“基础设计——编辑属性”部分进行了统一介绍这里不再赘述。

线宽——为1至9的奇数。

背景纹理——设置画图板背景显示纹理，可以设纯色或者插入图片。

图标——可以设纯色或者插入图片，后面需配合“canvasSetIcon”指令切换图标中的图片。

1.首先进入“变量”新建一个变量。

2.添加一个画图板控件，并将画图板的线宽设为1，ID设为1。

3.添加一个按钮，按钮的指令如下：

指令 canvasSetIcon ID xx，设定接下来要绘的图标，设置0、1、2...显示相应的图标0、图标1、图标2...；

指令 canvasStrokeColor ID xx，设定接下来要绘制的颜色（16进制颜色码）；

指令 canvasMoveTo ID x y，移动点到x y（以该控件的左上角为原点）；

指令 canvasLineTo ID x y，绘制线段到 x y（以该控件的左上角为原点）；

指令 canvasDrawImg ID x y，在x y处绘制icon，居中（以该控件的左上角为原点）。

4.仿真效果：

示例工程：

工程名称：画图板 (分辨率：800*480)

路径：https://test.graphichina.com/project/684fbac33adc721c2a343e92/editor?ideVersion=1.10.20

只读密码：3655