如何缩放以适合 paperJS 画布

Question

我在 paperJS 项目上有多个图表。我想展示一个可以装下一个盒子的较小版本。说 500 像素 X 350 像素。现在我怎样才能以最佳方式放大或缩小以适应图表。

Answer 1

您可以缩放项目组以使其适合给定的框。
有一种方便的方法可以做到这一点：item.fitBounds()。

这是演示解决方案的草图。

new Path.Circle({
    center: view.center - 100,
    radius: 100,
    fillColor: 'orange'
});

new Path.Circle({
    center: view.center + 100,
    radius: 100,
    fillColor: 'blue'
});

project.activeLayer.fitBounds(view.bounds);