将paper.js画布与“常规”画布同步

Question

我已经在做的事：

• 我有一个Paper.js画布工作得很好
• 就在它下面(相同的位置，相同的尺寸)，我有另一个画布(普通的画布，没有绑定到这个画布上的paper.js )。
• 定期使用画布本机paper.js命令将drawImage()画布的内容复制到常规画布上。

我的问题是：

如何在缩放/平移方面同步2？

我希望能够滚动&缩放View和下面的画布，这样当我将paper.js画布复制到常规画布时，项目看起来是相同的(另外，已经存在的项目应该与paper.js画布一起放大/平移)。

我尝试过在下面的画布上使用canvas.scale(2,2)，在我的Paper.js画布上尝试了view.zoom = 2;，但是在相同的位置/翻译和缩放方面，这两种语言不能很好地结合在一起。我知道，在第二张画布上放大时，已经放置的那幅画会被像素化--但我真的不介意。

Answer 1

您可以抓取矩阵对象并将其应用到常规画布中。我不熟悉paper.js，但您应该能够这样做：

// aLayer by reference or via project.activeLayer
aLayer.matrix.applyToContext(yourOtherContextHere);

详情请参阅这些文件：

• activeLayer
• 图层
• layer.matrix
• 矩阵