qwfy_0520
2016-03-16 02:18Html5 Canvas通过鼠标移动画圆,一下为Javascript画圆部分函数 有什么问题?
var canvas=document.getElementById("demo");
var cxt=canvas.getContext("2d");
function circle()
{
canvas.onmousedown=function(evt)
{
cxt.lineWidth=1;
evt=window.event||evt;
var startX=evt.pageX-this.offsetLeft;
var startY=evt.pageY-this.offsetTop;
}
canvas.onmousemove=function(evt)
{
var x=evt.pageX-this.offsetLeft;
var y=evt.pageY-this.offsetTop;
cxt.strokeStyle="rgb(180,0,0)";
cxt.beginPath();
var radii=Math.sqrt((startX-x)*(startX-x)+(startY-y)*(startY-y));
cxt.arc(startX,startY,radii,0,Math.PI*2,false);
cxt.stroke();
cxt.closePath();
}
}
- 点赞
- 回答
- 收藏
- 复制链接分享
4条回答
为你推荐
- HTML5的Canvas可以处理其中绘制的多个图像吗?
- html5
- javascript
- php
- 1个回答
- 【html】canvas在ios上导出图片,图片会放大一倍,怎么保持1:1
- html5
- css
- css3
- javascript
- ios
- 2个回答
- Html5多个画布,一页上有图像
- html5
- javascript
- canvas
- php
- 1个回答
- html2canvas:删除图片上方的空白区域
- javascript
- php
- html2canvas
- jquery
- 1个回答
- html canvas渲染字体的问题
- html5
- 5个回答
换一换