在两个不同的画布上画圆圈

Question

我有两张画布。 我想在单击第一个 canvas 时在它上画一个绿色圆圈，在单击另一个 canvas 时画一个红色圆圈。

下面的代码仅适用于第一个 canvas。 我想知道如何实现我最初的想法。

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();
});

先感谢您。

亲切的问候，

Answer 1

您可以使用PaperScope并使用scope.activate()激活每个 scope，然后绘制激活的 scope。

它在 paper.js 文档中http://paperjs.org/reference/paperscope/

在两个不同的画布上画圆圈

问题描述

1 个解决方案

解决方案1
0 2022-09-27 12:16:29

在两个不同的画布上画圆圈

问题描述

1 个解决方案

解决方案1 0 2022-09-27 12:16:29

解决方案1
0 2022-09-27 12:16:29