paperjs

    1热度

    2回答

    我一直在研究一个特定的动画,我需要将圆角矩形形状转换为圆形(使用动画)。我检查了paper.js的文档,并没有找到任何预定义的函数来实现这一点。 - > 动画需要是光滑的。由于我正在使用的矩形数量非常大,因此我无法使用“移除当前圆角矩形并重新绘制一个更多圆角版本”方法。它降低了性能,动画变得迟钝。 这是我用来生成圆角矩形的代码。 // Had to paste something to post

    1热度

    1回答

    我想在鼠标单击并拖动时沿着鼠标创建的矢量线创建'n'个圆。 这将导致一排圆圈,这将是一定的距离,取决于行中的圆圈数量。第一个和最后一个圆圈将位于鼠标首次点击后释放的位置。 示例:如果线条长度为1000px,需要3个圆圈,则会有一个0px 500px和1000px的圆圈。如果线条长1000px,需要5个圆圈,则会有0px,250px,500px,750px和1000px的点。 我试图在paper.j

    0热度

    1回答

    这是我的Javascript(paperjs)代码片段: var symbol = new Symbol(path); 它给出了一个警告 - “请勿使用符号作为构造” 还有什么我可以在这里做,摆脱那个警告?

    0热度

    1回答

    我发现这样做此使用inject方法,像这样的https://groups.google.com/forum/#!topic/paperjs/16ToDJquig8 一些讨论,但我无法找到在官方文档此方法。那么什么是正式推荐的方式来将自定义属性添加到Paperjs对象?

    1热度

    1回答

    paper.view.bounds究竟会返回什么? 这似乎与多个属性一起返回一个矩形对象: Rectangle {height: 1200, width: 1920, y: 0, x: 0} height: 1200 width : 1920 x : 0 y : 0 bottom : (...) bottomCenter : (...)

    0热度

    1回答

    我看到涉及移动的paperjs的所有示例都发生在onFrame内部,但是如何在鼠标事件上进行动画制作? var circle1 = new Shape.Circle(new Point(80, 50), 30); circle1.strokeColor = 'green'; circle1.fillColor = 'green'; circle1.onMouseEnter = funct

    0热度

    1回答

    我开始使用paper.js,并在添加和定位新点时遇到一些问题。我想在左下角和右下角添加2个新点,以获得更多高度。现在我玩了演示代码,我有这个:(见下图)我想用它作为移动的背景。 1.我如何增加2点以增加空间和高度? 2.当我达到此目的时,我如何控制它使其响应(平板电脑,手机等)? 这是example code working。 <script type="text/paperscript" can

    1热度

    1回答

    我的代码非常简单,直接从教程中解脱出来。下面是index.html的: <!DOCTYPE html> <html> <head> <!-- Load the Paper.js library --> <script type="text/javascript" src="js/paper-full.js"></script> <!-- Load external PaperScript

    0热度

    1回答

    我正在使用Paper JS制作绘图工具。现在我想填充两个项目的封闭路径,比如说两个相交的矩形。 看着参考,似乎有一个函数来获取交点,但没有完成我所需要的,因为它使交点之外的另一个形状。 intersect(item)或subtract(item) 在这种情况下,其中检测到对象是否分裂 同样。 如果任何你们都碰到过这样的问题,请给些建议。 感谢和问候。

    0热度

    2回答

    我正在尝试使线指向圆的中心 - 或圆形 - 并且在下面的代码中它们显然不是。他们在适当的位置初始化,但他们在错误的地方结束。应该相当容易,但我无法破解它。我如何实现这一目标? var path = new Path.RegularPolygon({ center: [100, 100], radius: 50, sides: 10 }); path.style =