问题标签 [paperjs]

任何人都知道如何在 paper.js 中轻松自定义“选择大纲”。“。Paper.js 在我的 Circle 顶部绘制所选项目的视觉轮廓，我想自定义此轮廓的大小和颜色。例如：

我正在尝试在 Paper JS 中创建一个非常简单的类似信标的动画。这个想法是一个圆圈开始时非常小并且完全不透明，然后变得更大更透明，直到它消失并且动画重新开始。

我正在使用缩放来使图像变大，但将其重置为原始大小变得有问题，目前我已经求助于克隆第二个圆圈来重置它，而不仅仅是使用单个形状，必须有一个更简单的这样做的方式。

到目前为止，我已经创建了一个 jsFiddle 来演示我的粗略代码，任何帮助将不胜感激。

http://jsfiddle.net/colethecoder/Y3S9n/1

使用raphael.js库，使用 SVG 路径语法来描述路径（例如M98.36,214.208l2.186-1.093V210.2l-3.378,0.117l1.174,4.137L98.36,214.208z，它提供了一种非常紧凑的方式来创建形状（特别是如果您的形状是使用 Illustrator 等外部应用程序绘制的）。

我对使用paper.js库（不是基于 SVG）很感兴趣，但首先看一下文档似乎表明路径是通过对象方法逐步构建的。这是一种非常不同的方法（可以说“路径构建”与“路径描述”），不太适合我的需求。

那么：有没有办法在 paper.js 中使用 SVG 路径？还是类似的“路径描述”解决方案？

参考：

• http://paperjs.org/reference/path
• http://raphaeljs.com/reference.html#Paper.path

如何使用paper.js绘制圆弧线段

我想绘制如图所示的圆形线段。每个部分都是独立的，稍后将用于交互目的。

我尝试了类似的东西

它呈现如下

我是 paper.js 的新手。

对于这个项目，我需要一个将在许多情况下使用的形状（具有不同的填充颜色），因此使用符号显然更好（而不是使用 Path.clone() 方法）。但是，一旦我将符号实例化为放置符号，似乎更改 fillColor 属性对呈现的形状没有影响：它仍然是符号的初始颜色。

其他属性（例如位置或不透明度）已成功设置。

我的问题：如何更改符号每个实例的填充颜色？

这里的jsFiddle：http: //jsfiddle.net/GlauberRocha/uTskY/（请注意，我已将所有代码放在 HTML 窗格中。否则似乎不起作用，可能是因为 paperscript 不是纯 JavaScript）。

纸质代码：

有没有办法用 paper.js 序列化项目中的所有当前项目？那么他们的位置，风格等？

我用鼠标 Paper.js 绘制。我需要保留这些笔画并以与视频重播相同的速度重播它们。我怎样才能做到这一点？

例如，我想检测一个画布对象是否穿过另一个画布对象

例如我有 2 个圆圈在移动

我正在使用 paper.js 库

我想检测c1何时击中c2

我正在做一个项目，该项目需要我通过 javascript 控制纸张，而不是使用普通的 paperscript 路由。由于我似乎无法弄清楚的奇怪行为，我目前陷入困境。这是我正在运行的代码的简化版本

出于某种原因，此代码导致空白画布。奇怪的是，如果我new Ship(...)在几秒钟后调用我的开发控制台，光栅在画布上渲染得很好，就像它应该的那样。我还注意到，当我查看 的值时Game.ship.elem.__canvas，我看到一个大小为 32、32 的画布元素，即使 DOM 中不存在这样的画布。

我假设这与时间有关，但我似乎无法弄清楚我必须做什么才能使其工作，除了使用 setTimeout 在几秒钟后创建栅格的令人难以置信的混乱方法$(document).ready()是叫。

有人对这里发生的事情有任何想法，或者有什么可以引导我走向正确方向的事情吗？

我想做一个看起来像这样的界面

所以这是用户可以做的

1- 将人们彼此联系起来 2- 查看有关每个人的一些信息（气球） 3- 移动这些对象而不会失去联系

然后我想用ajax保存这些连接信息，这样我就可以看到谁和谁连接了，我还需要在用户下次看到页面的时候重新绘制这些图。

似乎 jsPlumb、paperjs 和 raphael 都可以做到这一点以及更多，我的问题是哪一个适合这种需求。