PhoneGap中文网

 找回密码
 立即注册

HTML5 Canvas 制作一个“在线画板(第六讲)

2013-8-8 21:44| 发布者: admin| 查看: 3471| 评论: 0

摘要: var canvas = document.getElementById('php100'); var p100=canvas.getContext("2d"); p100.lineWidth=5;//定义线条宽度 p100.strokeStyle=“red”;//定义线条颜色 p100.moveTo(mouseX,mouseY);//起始位置 p100.li ...



var canvas = document.getElementById('php100');
var p100=canvas.getContext("2d");

p100.lineWidth=5;                        //定义线条宽度                
p100.strokeStyle=“red”;        //定义线条颜色
p100.moveTo(mouseX,mouseY);        //起始位置
p100.lineTo(mouseX,mouseY);        //终止位置
p100.stroke();                        //结束图形


$( ).mousedown //鼠标按下时
$( ).mousemove //鼠标移动时
$( ).mouseup //鼠标抬起时

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

  var mouseX = e.pageX - this.offsetLeft; //获得区域坐标x
  var mouseY = e.pageY - this.offsetTop;  //获得区域坐标y

});
此教程由php100提供

下载地址
点击下载


源码下载:

26-1.zip


头晕

难过

扯淡

不解

搞笑
2

支持

超赞

欠扁

刚表态过的朋友 (2 人)

相关阅读

最新评论

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-7-17 19:22 , Processed in 0.037235 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部