小编Nit*_*esh的帖子

如果我们<canvas>在单个html页面上使用多个,是否会妨碍正在开发的应用程序的性能,并且代码是否变得非常笨重并且需要更多时间来加载页面？

我试图使用鼠标事件在画布上使用鼠标绘制一个圆圈,但它不绘制任何东西:

tools.circle = function () {
var tool = this;
this.started = false;
this.mousedown = function (ev) {
tool.started = true;
tool.x0 = ev._x;
tool.y0 = ev._y;
ctx.moveTo(tool.x0,tool.y0);
};

this.mousemove = function (ev) {
var centerX = Math.max(tool.x0,ev._x) - Math.abs(tool.x0 - ev._x)/2;
var centerY = Math.max(tool.y0,ev._y) - Math.abs(tool.y0 - ev._y)/2;
var distance = Math.sqrt(Math.pow(tool.x0 - ev._x,2) + Math.pow(tool.y0 - ev._y));
context.circle(tool.x0, tool.y0, distance/2,0,Math.PI*2 ,true);
context.stroke();
};
};

我究竟做错了什么？

var img = new Image(); img.src ='/ images/backdrop.jpg'; ctx.drawImage(IMG,0,0); 我想使用对话框机制将图像从本地磁盘加载到画布上,而不是像上面那样直接指定的路径.我尝试使用javascript进行不同的排序但是徒劳无功,甚至尝试使用输入类型作为文件.我还能尝试什么？

例如 var new = canvas.toDataURL("image/png");

我希望这个新变量中存在的base64显示在第二个canvas元素中.但它不使用drawimage方法显示base64图像.如果我用say,它会起作用image.png