电脑PHP动画制作画板,HTML_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();

}

})

效果图

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板复制代码代 - phpStudy...相关推荐

C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial)：(四十四)制作主角属性面板及加点器
游戏中会使用大量的菜单面板,而这些面板往往都带有选项卡.如果用Silverlight工具中的TabControl,则需要通过复杂的xaml重写模板来实现自定义样式,这一点时常让开发者头疼,毕竟界面的东 ...
新手制作bom表格教程_抖音短视频怎么制作？这里有全部最新教程＋指导，新手0基础上手！...
现在刷短视频几乎是我们每个人每天必做的一个娱乐方式了,也有很多的小伙伴加到我问,怎么做抖音,抖音怎么运营,那么我趁着这股热度,来给你们讲讲关于制作一个能吸粉的自媒体短视频怎么做,毕竟这个风口上一个非常 ...
android立体3D效果_PS教程：铝膜气球字制作的完整教程，3D立体效果字体的制作...
这一篇主要是用PS做一种3D立体字体效果,铝膜气球字体,当然学会之后,举一反三,可以做成其他图案的铝膜气球效果. 铝膜气球在目前的各种庆典,婚庆,庆贺宴席上,用的比较普遍:这个字体效果,后期可以用于室 ...
怎么制作公司网页教程【网站制作】
目录怎么制作公司网页教程是什么? 1.了解自己制作公司网页的需求(分类刚需和次需) 2.确认本次制作公司网页需求和预算,找合适的第三方企业网站建设公司 3.确定制作公司网页的设计方案 4.结合制作公 ...
【视频教程】帝国CMS制作网站系列教程08—单页模板的制作
作为一个程序员,搭建一个自己的博客网站是件非常容易的事情,但是作为很多非程序员非计算机专业的学习者来讲,可能就需要花点时间进行学习,而如果你想通过自学来学习怎么制作一个属于自己的网站的话,那这套帝国C ...
ps制作的html手机怎么使用,ps制作手机的教程
ps制作一个手机,属于比较简单的类型,但也要细心,才能得出好的结果.下面是学习啦小编为大家整理的ps制作手机的教程,仅供大家参考~ ps制作手机的教程如下: 新建一个文档,用圆角矩形工具画一个圆角矩形 ...
【视频教程】帝国CMS制作网站系列教程14—标签模板及标签讲解
作为一个程序员,搭建一个自己的博客网站是件非常容易的事情,但是作为很多非程序员非计算机专业的学习者来讲,可能就需要花点时间进行学习,而如果你想通过自学来学习怎么制作一个属于自己的网站的话,那这套帝国C ...
【视频教程】帝国CMS制作网站系列教程16—帝国CMS总结
作为一个程序员,搭建一个自己的博客网站是件非常容易的事情,但是作为很多非程序员非计算机专业的学习者来讲,可能就需要花点时间进行学习,而如果你想通过自学来学习怎么制作一个属于自己的网站的话,那这套帝国C ...
【视频教程】帝国CMS制作网站系列教程17—帝国CMS模板的策划
作为一个程序员,搭建一个自己的博客网站是件非常容易的事情,但是作为很多非程序员非计算机专业的学习者来讲,可能就需要花点时间进行学习,而如果你想通过自学来学习怎么制作一个属于自己的网站的话,那这套帝国C ...

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板复制代码代 - phpStudy...

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板复制代码代 - phpStudy...相关推荐

最新文章

热门文章

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板 复制代码代 - phpStudy...

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板 复制代码代 - phpStudy...相关推荐

最新文章

热门文章

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板复制代码代 - phpStudy...

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板复制代码代 - phpStudy...相关推荐