Paperjs group.pivot 未设置为新坐标

Question

我试图将包含光栅图像的组的轴心点设置到屏幕中心，但无济于事。

请在此处查看我当前的代码：condesandbox example

任何帮助将不胜感激

Answer 1

根据您的代码示例，我猜您只需将光栅的位置设置为视图中心，默认情况下其轴心点将自动相同。
这是一个 sketch 演示可能的解决方案。

// Create the raster.
const raster = new Raster({
    source: 'http://assets.paperjs.org/images/marilyn.jpg',
    // When image is loaded...
    onLoad: () => {
        // ...place it at center.
        raster.position = view.center;
    }
});

// Include raster in a group.
const group = new Group(raster);

// Mark center with a circle.
new Path.Circle({
    center: view.center,
    radius: 10,
    fillColor: 'blue'
});

// Scale the group (the pivot point is bounds center by default).
group.scale(0.5);

Paperjs group.pivot 未设置为新坐标

Paperjs group.pivot not setting to new coordinates

javascript

paperjs