在不改变 Paper.js 路径宽度的情况下调整 Canvas 大小

Question

我正在尝试获得效果，当 Canvas 正在调整大小时，但在其上绘制的路径仍然具有相同的宽度。然而，它改变宽度与 Canvas 宽度成比例。我试图重新绘制路径，但是纸质对象似乎记得旧的宽度和高度并缩放路径，尽管我对路径应用了新设置。也许解决方案是缩放路径宽度，但我希望有更温和的解决方案。

---

回答似乎最好的解决方案是缩放路径和形状的宽度和半径。调整大小后绘制新路径时，必须将旧的宽度和高度传递给新的点坐标。也许这不是一个温和的解决方案，但有效，而且我没有看到其他解决方案。

Answer 1

您可以让 Canvas 自动调整大小，请参见此处:

http://paperjs.org/tutorials/getting-started/working-with-paper-js/#canvas-configuration

然后它改变了它的大小，但它不应该缩放内容。您可以在 paper.js 网站上的所有示例中看到这一点，例如http://paperjs.org/examples/rounded-rectangles/

以编程方式告诉扩展的那些。

如果您只是以 CSS 方式缩放 Canvas 对象，那么您最终会导致像素膨胀和鼠标事件中的错误偏移。

如果您不想使用 resize 属性，但仍需要调整 Canvas 的大小，您可以通过调用 paper.view.setViewSize(width, height) 来实现，它将执行为您调整大小，尊重 HiDPI 设置和所有设置。