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