我有两个画布。我想在第一个画布上点击时画一个绿色的圆圈,在另一个画布上单击时画一一个红色的圆圈。
下面的代码仅适用于第一个画布。我想知道怎样才能实现我最初的想法。
HTML:
<!DOCTYPE html>
<html>
<head>
*** Import jQuery + Paper.js ***
</head>
<body>
<canvas id='firstCanvas'></canvas>
<canvas id='secondCanvas'></canvas
</body>
</html>
JS:
$(document).ready(function() {
paper.install(window);
paper.setup(document.getElementById('firstCanvas'));
var tool = new Tool();
tool.onMouseDown = function(event) {
var c = Shape.Circle(event.point.x, event.point.y, 20);
c.fillColor = 'green';
};
paper.view.draw();
});
提前谢谢。
谨致问候,
您可以使用PaperScope
,并使用scope.activate()
激活每个作用域,然后绘制激活的作用域。
在这里的paper.js文档中http://paperjs.org/reference/paperscope/