画板html5代码,html5教程制作简单画板代码分享

点评：html5制作简单画板代码分享，大家参考使用吧

HTML5制作简单画板

复制代码代码如下:

http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">>

canvas{ border:2px solid #000;}

$(document).ready(function(){

var canvas=document.getElementById("draw");

var draw=canvas.getContext("2d");

draw.lineWidth=5; //线条粗细

draw.strokeStyle="red"; //颜色

var godraw=false;

//按下鼠标

$("#draw").mousedown(function(e){

//准确坐标

var mouseX=e.pageX-this.offsetLeft;

var mouseY=e.pageY-this.offsetTop;

draw.moveTo(mouseX,mouseY);

godraw=true;

})

//放开鼠标

$("#draw").mouseup(function(e){

godraw=false;

})

//移动鼠标

$("#draw").mousemove(function(e){

if(godraw){

var mouseX=e.pageX-this.offsetLeft;

var mouseY=e.pageY-this.offsetTop;

draw.lineTo(mouseX+4,mouseY+4);

draw.stroke();

}

})

效果图

画板html5代码,html5教程制作简单画板代码分享相关推荐

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板复制代码代 - phpStudy...
html5教程制作简单画板代码分享 HTML5制作简单画板复制代码代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min ...
电脑PHP动画制作画板,html5教程制作简单画板代码分享
HTML5制作简单画板复制代码代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">> ...
html中的脚本制作教程,html5教程制作简单画板代码分享
HTML5制作简单画板复制代码代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">> ...
用html制作生动的画板,html5教程制作简单画板代码分享
html5制作简单画板复制代码代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">> ...
python怎么建立画板_Python基于opencv实现的简单画板功能示例
本文实例讲述了Python基于opencv实现的简单画板功能.分享给大家供大家参考,具体如下: import cv2 import numpy as np drawing = False # true ...
php 禁止修改文件名,WordPress教程：简单修改代码禁止用户上传特定类型的文件！...
再多站点.网站开放注册投稿的时候,并且没有限制投稿者上传文件,那将是很危险的事情,所以,限制上传类型是必须的!今天逍遥乐就带大家,如何从WordPress默认允许上传的文件类型中,禁止上传某些特定类型 ...
python的代码有哪些_简单python代码类型有哪些？
简单python代码类型有哪些? 简单python代码类型有: 1.[背景] 最近,派大星想要减肥,他决定控制自己的饮食,少吃一点蟹黄堡. 海绵宝宝为了帮助好朋友派大星,和派大星一起制定了一个饮食游戏 ...
铁锈战争虚拟服务器设置,铁锈战争隐藏代码使用教程-铁锈战争快捷代码使用说明...
游戏版本:PC端1.14 相关代码:[core]resourceRate 这个代码用于可回收的资源建筑,就像红警里的矿场.星际里的水晶.下文把"可回收的资源建筑"简称为" ...
python实现画板_一起看看python+pygame简单画板实现代码实例
疑问:pygame已经过时了吗? 过没过时不知道,反正这玩意官方已经快四年没有更新了.用的人还是蛮多的(相对于其他同类项目),不过大家都是用来写写小东西玩一玩,没有人用这个做商业项目.pygame其实 ...
爬虫python代码-一则python3的简单爬虫代码
不得不说python的上手非常简单.在网上找了一下,大都是python2的帖子,于是随手写了个python3的.代码非常简单就不解释了,直接贴代码. 代码如下: #test rdp import ur ...

画板html5代码,html5教程制作简单画板代码分享

画板html5代码,html5教程制作简单画板代码分享相关推荐

最新文章

热门文章