Paperjs 使用paper.js进行响应性上浆

Paperjs 使用paper.js进行响应性上浆,paperjs,Paperjs,想知道创建响应画布大小的最佳方法是什么。目前,我必须使用以下模式将所有代码加倍 var cicrle = new Path.Circle({ radius: 40, fillColor: 'red' }) circle.position = view.center view.onResise = function(event){ circle.position = view.center } 这对于一个项目来说是可以的,但是一旦这些项目开始相加,就会产生大量的代码 有更好的做事方式吗 提前

想知道创建响应画布大小的最佳方法是什么。目前,我必须使用以下模式将所有代码加倍

var cicrle = new Path.Circle({ radius: 40, fillColor: 'red' })
circle.position = view.center

view.onResise = function(event){
circle.position = view.center
}

这对于一个项目来说是可以的,但是一旦这些项目开始相加,就会产生大量的代码

有更好的做事方式吗


提前感谢

Paper.js有两种分组类:
;如果更新其中一个位置,则将立即更新其所有子体位置。
默认情况下,创建的项目会隐式添加到活动层(
project.activeLayer
),因此对于简单场景:

project.activeLayer.position=view.center;
我们应该做到这一点

看这个演示

newpath.Circle({
中心:view.center,
半径:50,
填充颜色:“橙色”
});
新路径。圆圈({
中心:view.center+50,
半径:50,
填充颜色:“橙色”
});
函数onResize(){
project.activeLayer.position=view.center;
}

你好,谢谢Sasensi。这是一个很好的解释,谢谢。你如何根据画布的大小来调整形状的大小?你能举个例子吗?也许把它作为一个单独的问题发布,我很乐意帮忙。