求帮看想在Html5中实现鼠标点击划线有什么问题
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>划线</title>
<script language="javascript" type="text/javascript">
var c=document.getElementById("myCanvas");
var can=c.getContext("2d");
can.strokeStyle="rgb(0,182,0)";
var pois=new Array();
can.lineWidth=2;
mycanvas.onmousedown=function(e){
can.clearRect(0,0,500,500);
e=window.event||e;
var sX=e.pageX-this.offsetLeft;
var sY=e.pageY-this.offsetTop;
var poi=Object.create({x:sX,y:sY});
pois.push(poi);
if(pois.length==1)
{
can.beginPath();
}
if(pois.length>1)
{
can.moveTo(pois[0].x,pois[0].y);
for(var i=1;i<pois.length;i++)
{
can.lineTo(pois[i].x,pois[i].y);
}
can.stroke();
}
}
展开
收起
1
条回答
写回答
写回答
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
相关课程
更多
推荐问答
