使用paper.js进行自适应大小调整

詹姆士

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

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

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

一件物品没关系,但是一旦这些物品开始加起来,就会使代码加倍。

有更好的做事方法吗?

提前致谢

sasensi

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

project.activeLayer.position = view.center;

应该可以。

请参见此草图进行演示。

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

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

function onResize() {
    project.activeLayer.position = view.center;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用CSS / Javascript进行自适应图像大小调整/裁剪

来自分类Dev

使用Asp.net和CSS的自适应图像大小调整

来自分类Dev

自适应大小调整

来自分类Dev

自适应AdSense广告的尺寸随着屏幕方向的变化而调整大小(使用Bootstrap进行布局时)

来自分类Dev

使用Paper.js重新调整大小

来自分类Dev

自适应字体大小调整-适合容器

来自分类Dev

背景应在窗口大小调整时使用JQuery适应内容高度

来自分类Dev

以编程方式使用自适应布局来调整hCompact静态单元格高度的大小

来自分类Dev

如何在Magento中的任何图像上使用自适应调整大小?

来自分类Dev

如何在Magento中的任何图像上使用自适应调整大小?

来自分类Dev

如何根据浏览器的大小调整自适应AdSense单元的大小

来自分类Dev

在包括边距和填充之前和之后使用它进行大小调整

来自分类Dev

使用jQuery实现列大小调整

来自分类Dev

使用窗口调整大小调整PNG大小

来自分类Dev

使用CSS / jQuery的自适应字体大小

来自分类Dev

使用表单大小调整GUI元素的大小

来自分类Dev

使用更少的CSS根据屏幕大小调整视频大小

来自分类Dev

使用表单大小调整元素宿主的子内容大小

来自分类Dev

在Paper.js中调整矩形大小

来自分类Dev

如何使用CSS进行这种自适应布局?

来自分类Dev

在 Swift iOS 中使用 Trait Collection 进行自适应布局

来自分类Dev

使用 Minibrowser 进行 Paypal 自适应支付

来自分类Dev

将时间序列向量的长度设置为相等(使用线性插值对它们进行大小调整/缩放)

来自分类Dev

使用Paper.js补间动画

来自分类Dev

使用Paper.js检测当前旋转

来自分类Dev

使用Paper.js检测当前旋转

来自分类Dev

对使用Paper.js绘制的圆进行动画处理

来自分类Dev

使用webgl和meatballs.js的自适应画布

来自分类Dev

如何使用香草JavaScript触发窗口大小调整事件?

Related 相关文章

  1. 1

    使用CSS / Javascript进行自适应图像大小调整/裁剪

  2. 2

    使用Asp.net和CSS的自适应图像大小调整

  3. 3

    自适应大小调整

  4. 4

    自适应AdSense广告的尺寸随着屏幕方向的变化而调整大小(使用Bootstrap进行布局时)

  5. 5

    使用Paper.js重新调整大小

  6. 6

    自适应字体大小调整-适合容器

  7. 7

    背景应在窗口大小调整时使用JQuery适应内容高度

  8. 8

    以编程方式使用自适应布局来调整hCompact静态单元格高度的大小

  9. 9

    如何在Magento中的任何图像上使用自适应调整大小?

  10. 10

    如何在Magento中的任何图像上使用自适应调整大小?

  11. 11

    如何根据浏览器的大小调整自适应AdSense单元的大小

  12. 12

    在包括边距和填充之前和之后使用它进行大小调整

  13. 13

    使用jQuery实现列大小调整

  14. 14

    使用窗口调整大小调整PNG大小

  15. 15

    使用CSS / jQuery的自适应字体大小

  16. 16

    使用表单大小调整GUI元素的大小

  17. 17

    使用更少的CSS根据屏幕大小调整视频大小

  18. 18

    使用表单大小调整元素宿主的子内容大小

  19. 19

    在Paper.js中调整矩形大小

  20. 20

    如何使用CSS进行这种自适应布局?

  21. 21

    在 Swift iOS 中使用 Trait Collection 进行自适应布局

  22. 22

    使用 Minibrowser 进行 Paypal 自适应支付

  23. 23

    将时间序列向量的长度设置为相等(使用线性插值对它们进行大小调整/缩放)

  24. 24

    使用Paper.js补间动画

  25. 25

    使用Paper.js检测当前旋转

  26. 26

    使用Paper.js检测当前旋转

  27. 27

    对使用Paper.js绘制的圆进行动画处理

  28. 28

    使用webgl和meatballs.js的自适应画布

  29. 29

    如何使用香草JavaScript触发窗口大小调整事件?

热门标签

归档