涂鸦（Drawdiv）

功能说明

实现对图片进行任意涂鸦

HTML5

<drawdiv id="drawdiv0" scaletype="fitcenter" src="doodle.png" out="c.png"/>

属性列表

支持公共属性
参见公共属性说明

事件列表

支持公共事件
参见公共事件说明

实例
1、通过js设置涂鸦控件的图片

<gallery id="gallery0" itemindex="3" onitemclick="this.onitemclick()" spacing="12dp" itemwidth="200"/>

function com$requirement0724$TutuyaController$onload(sender, args){
    $id("drawdiv0").set("src","homepage.png");
}

2、把修改后的涂鸦图片在image控件里显示出来

<div id="viewPage0" onload="this.onload()">
    <drawdiv id="drawdiv0" scaletype="fitcenter" src="doodle" out="c.png"/>
    <label id="label1" onclick="this.label1_onclick()">点击获取涂鸦后的图片</label>
    <image id="image0" scaletype="fitxy" src="picture"/>
</div>

function myclick(sender, args){
    var pic=$id("drawdiv0").get("out");//获取到修改后的图片路径
    $id("image0").set("src",pic);
}