问题标签 [paperjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3157 浏览

javascript - 在 Paper.js 中扩展类的推荐方法

是否有推荐的方法来扩展 Paper.js 中的类?特别是,我对扩展Path感兴趣

如果我的术语不正确,请原谅,但我本质上是在问关于这里被问到三个的论文的相同问题

0 投票
1 回答
3557 浏览

javascript - paper.js onFrame method doesn't work

i'm trying to learn some paper.js, and its onFrame event doesn't work with me :( In code below i create 30 random shapes on canvas, and trying to rotate each one of them by onFrame method, but nothing is happening, paths stand fixed.

0 投票
1 回答
1778 浏览

javascript - 如何构建 Raster 并调整其大小?

我将 Paper.js 用于一些画布绘图。我正在尝试根据画布大小调整光栅的大小和位置,但我的代码无法正常工作。

当我第一次加载页面时,我得到了这个日志:

但刷新页面后,一切正常。

我认为第一次为 Raster 创建一个新的 var 有点滞后。但我不知道如何克服这个问题。

0 投票
1 回答
784 浏览

javascript - PaperJS - 如何连接与任何给定项目距离为 X 的所有项目?(项目互动)

我有一个项目,我正在尝试<canvas>使用Paper JS制作动画。我很好奇的是,PaperJS 中是否有任何内置功能可以检测项目之间的交互性(即,如果一个项目与图层上的任何其他项目有 X 距离)。这是我到目前为止所拥有的:

HTML

CSS

JS

JSFiddle

到目前为止,该部分运行良好。我对如何执行以下操作感到好奇:

每当任何给定项目(正方形)彼此之间的距离为 X 时,在它们之间创建一条线(路径)

这个想法与这个页面非常相似:http: //panasonic.jp/shaver/lamdash/dna/

任何想法将不胜感激。谢谢!

0 投票
2 回答
1125 浏览

javascript - 为什么在 paper.js 中我的路径位置未定义?

我从 Chrome 收到的错误是: Uncaught TypeError: Cannot read property 'position' of undefined 我不明白为什么我无法访问此路径的位置字段,因为它在文档中明确定义:http: //paperjs.org/reference/path/#位置
这是我的简单代码:

0 投票
1 回答
133 浏览

paperjs - 如何在 onFrame 中组合动画?

我的目标是让波浪段从屏幕底部移动到顶部,同时为波浪设置动画。我用来制作 wave 的代码来自 paperjs.org:

http://paperjs.org/tutorials/animation/creating-animations/#animating-path-segments

理想情况下,我想用固定在视口左下角和右下角的点来关闭路径。这样我就可以用纯色填充波浪。

0 投票
1 回答
771 浏览

javascript - paper.js 的简单 setInterval 不起作用

我试图了解如何将 setInterval 与 Paper.js 一起使用。我做了一个简单的测试,在 setInterval 函数内部和外部使用相同的代码。它适用于后一种情况,但不适用于 setInterval 内。任何想法?

http://jsfiddle.net/miguelrivero/2BzUL/10/

谢谢!

0 投票
2 回答
1308 浏览

javascript - 如何更改 PaperJs 中符号的颜色

我不知道如何为 Paper.js 创建一个 jsfiddle,因为我不断收到“域策略”限制;但您可以通过点击此处进行测试:http: //paperjs.org/tutorials/animation/creating-animations/#moving-multiple-items

我有以下代码:

我知道我可以像这样更改路径的颜色:

但是,我只想更改可被五整除的特定矩形的颜色:

但是,填充颜色永远不会改变!仅更改某些符号的填充颜色/样式的正确方法是什么?

0 投票
1 回答
3774 浏览

javascript - 使用 PaperJs 动画绘制线条

这是我的代码:

加载页面时,会绘制一条线。但我正在尝试为从 A 点到 B 点的线绘制动画。我上面的尝试似乎没有做任何事情......它只是在页面加载时绘制线,而没有从 A 到 B 的实际线的动画.

参考。 http://paperjs.org/download/

0 投票
1 回答
1465 浏览

javascript - 如何将 paper.js 项目合并到光栅图像中?

我正在使用 paper.js 创建一个应用程序,我可以在其中标记图像然后保存它。

我的论文项目的最低层是图像的光栅。下一层是使用各种 paper.js 项目完成矢量图形标记的地方。提交项目后,我将其复制到保留它的较低(光栅)层。但它只是图层的子项,而不是光栅化图像的一部分。如果我使用 toDataURL 将光栅捕获为图像,则子项不是图像的一部分(我不希望它们是)。

如何使用 paper.js 项目插入/覆盖部分光栅化图像?我可以先对项目进行栅格化,但是我需要知道如何将两个栅格与另一个栅格的一个重叠部分合并?如果我首先转换为光栅,那么不在实际 paperjs 项目中但在封闭矩形中的像素将需要是透明的,即不覆盖光栅化图像。