Javascript 创建多个独立的画布绘图板

如果我想在一个页面中创建多个画布绘图板， 然后让他们独立工作

我尝试的方法如下：

我所做的就是添加这些：

canvas = document.getElementById('imageView');
context = canvas.getContext('2d');
canvas2 = document.getElementById('imageView2');
context2 = canvas2.getContext('2d');**

tool = new tool_pencil();

canvas.addEventListener('mousedown', ev_canvas, false);
canvas.addEventListener('mousemove', ev_canvas, false);
canvas.addEventListener('mouseup',   ev_canvas, false);
canvas2.addEventListener('mousedown', ev_canvas, false);
canvas2.addEventListener('mousemove', ev_canvas, false);
canvas2.addEventListener('mouseup',   ev_canvas, false);

这幅画都是第一幅油画。 谁能给我一个完整的代码来实现这个目标

此外，如果我想存储每个白板的信息，该怎么做？ 就像记住白板的所有绘图一样（不要将其另存为.jpg）。

---

谢谢

看起来像是函数在第一个画布上绘制，不管是什么事件触发它。您可以这样做：

...
function ev_mousemove (ev) {
 var x, y;
 var context = ev.target.getContext('2d');
...

---

将以下函数重新路由到正确的画布。

欢迎使用SO。不鼓励要求完整的代码。相反，你应该在解决特定问题时寻求帮助。瞧，对不起，老兄，我是新来的。我为此道歉。。谢谢你的帮助：）哇，真管用！！太酷了，伙计！很高兴看到任何其他类型的解决方案！非常感谢你！