用 ZK Canvas 组件画图

ZK Canvas组件可以创建一个画图区域并且允许动态的产生图片和位图。它提供了更多的功能来画线，矩形，园和图片文件，Zk程序开发者现在通过这个组件只用一点java代码就能创建一个画画区域。比如：

<?xml version="1.0" encoding="utf-8"?>

<window id="w" title="Canvas Demo" style="width:480px" border="normal">
    <canvas id="mycanvas" width="450px" height="300px"/>    
    
    <button label="画矩形">
        <attribute name="onClick">
            <![CDATA[
                //Set filled-in color
                mycanvas.fillStyleRGBA(0, 0, 200, 1);
                //画矩形1
                mycanvas.fillRect(110,100,60,50);
                
                //Set another filled-in color
                mycanvas.fillStyleRGBA(210, 0, 0, 0.5);
                //画矩形2
                mycanvas.fillRect(130, 130, 60, 50);
            ]]>                    
        </attribute>
    </button>
    
    <button label="Clear">
        <attribute name = "onClick">
            //清除canvas内容
            mycanvas.clear();
        </attribute>
    </button>
</window>

 

 

ZK官网提供了一个完整的demo,http://downloads.sourceforge.net/zkforge/canvas_demo.war

 

效果图：

 

评论

1 楼 whq 2009-09-10  

大侠 你好。我想请教一个问题  zk的Canvas组件和Context Menu 组件能结合到一块使用么？
我想做出一个画图软件，点击右键出现一个菜单，然后选择画出点的类型。选择后 画出点。然后连接刚画出的点和 上一次画出的点