涂鸦板简单实现 Html5编写属于自己的画画板

2020-04-21 22:41:54易采站长站整理

        }   
        document.onmouseup = function () {//鼠标抬起事件   
            tag = false;   
        }   
        document.onmousemove = function (option) {//鼠标移动事件   
            if (tag) {   
                if (size >= 0) {   
                    $.Draw.Cricle(option.x, option.y, size, color);   
                }    
            }   
        }   

这段代码主要有如下几个意思

1.捕获颜色空间和拖动条控件的change事件,从而获取对应的颜色和尺寸的数值,存储下来供下面画线用

2.初始化画图对象

3.捕获鼠标的按下,抬起和移动事件,关键在一个开关可以控制油墨

好了,一个简单的涂鸦板就好了,上我的书法:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持软件开发网。

原文链接:http://www.cnblogs.com/bob1314/p/3830220.html