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

        document.getElementById('color1').onchange = function () {   

            color = this.value;   

        };   

        document.getElementById('size').onchange = function () {   

            size = this.value;   

        };   

        $.Draw.init();//初始化   

        var tag = false;//控制鼠标当前状态并起到开启油墨开关的作用   

        var current = {};//存储鼠标按下时候的点   

        document.onmousedown = function (option) {//鼠标按下事件   

            current.x = option.x;   

            current.y = option.y;   

            $.Draw.Cricle(option.x, option.y, size, color);   

            tag = true;   

        }   

        document.onmouseup = function () {//鼠标抬起事件   

            tag = false;   

        }   

        document.onmousemove = function (option) {//鼠标移动事件   

            if (tag) {   

                if (size >= 0) {   

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!