问题标签 [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 投票
1 回答
1200 浏览

javascript - paperjs中的多点触控手势

在paperjs中可以使用鼠标事件灵活地创建和操作复杂的形状。我正在从事的项目在台式机/笔记本电脑上看起来不错。但是,我还想通过捏和缩放等触摸事件来进行形状操作。paperjs 中是否可以使用多点触控界面,或者我是否必须添加另一个库来支持触控。

0 投票
1 回答
90 浏览

canvas - 控制由其他画布库创建的外来对象

我想知道是否可以使用 paper.js 创建 2D 元素并让它们生活在共享画布上,并由 three.js 在 3D 空间中移动?

我在某处读到 2d 元素可以应用于 3d 面,我不知道这是否仅限于图像或其他“平面”元素。

我需要在画布、表单、按钮、统计信息等中创建界面元素。它用于推文可视化。

0 投票
1 回答
175 浏览

iphone - HTML 音频播放导致 iPhone 闪烁

我正在尝试在 node.js 堆栈之上创建一个使用 Paper.js 构建的简单调谐器。

调谐器在桌面浏览器中运行良好,但在 iPhone 或 iPad 中,单击六个矩形(或字符串)之一会导致屏幕奇怪闪烁:http: //morning-temple-9106.herokuapp.com/

我尝试了这些与 iphone 上的一般 html 闪烁相关的 css 修复,但没有运气。

这是加载音频的 JS——我在调用 playNote 之前加载文件以加快播放速度。即使我在 playNote 中加载也会发生闪烁。

这是我的 github 仓库: https ://github.com/dannycochran/cs184

0 投票
1 回答
1152 浏览

paperjs - 以点为半径的命中测试

在 paper.js 框架中,以下代码对鼠标坐标点执行命中测试。

我想做的是在 event.point() 的给定半径内执行此测试,但我还没有找到方法。

有任何想法吗?

更新

我认为我设置选项的方式导致容忍度被忽略。以下代码有效:

0 投票
2 回答
8219 浏览

html5-canvas - 使用 Paper.js 将鼠标悬停在特定画布路径上时更改鼠标光标

实际上(使用 w3.org 文档的示例http://www.w3.org/html/wg/drafts/2dcontext/html5_canvas/#dom-context-2d-ispointinpath)我确实想出了如何在原始 HTML5Canvas/ 中完成它JavaScript:http: //jsfiddle.net/QTu9E/4/

上面我使用isPointInPath(x, y)了语法,但根据提到的文档,也可以isPointInPath(path, x, y[, w ])在其中给出某些路径来检查。

这可能是问题解决者,但我不能让它工作,只是将 paperjs 的Path对象传递给它!

我将继续寻找解决方案,因为与其他任何人一样,我有我的最后期限,但任何帮助将不胜感激!

0 投票
1 回答
406 浏览

svg - paper.js、SVG 和 Opera 浏览器

在 paperjs 中使用 SVG 图像时,发现 paperjsimportSvg()在 Opera 下失败并出现奇怪的错误。

所以我做了一个解决方法。首先在其他浏览器中导入 SVG,然后将 paperjs 对象导出为 JSON。手动将我的几个 SVG 转换为 JSON。现在只需导入它们,importJson()不用担心....

但!importJson()仅在 paperjs 的夜间构建中实现,正如我后来发现的那样,在 Opera 下某些功能失败了!!

所以...我不知道)))有什么想法吗?

可能有一天 Opera 或 paperjs 的工作人员会来到这里......

0 投票
2 回答
2936 浏览

javascript - 在 paper.js 中沿贝塞尔曲线绘制文本

是否可以使用paper.js沿着贝塞尔曲线轻松绘制文本?

我知道可以将文本附加到线条路径然后旋转它,但我对沿曲线绘制文本特别感兴趣。像http://www.w3.org/TR/SVG11/images/text/toap02.svg

我知道这可以通过逐个字母打印文本来实现,并将相应的旋转应用于每个项目,但我对在 paper.js 中实现这一目标的更简单方法感兴趣

0 投票
1 回答
4225 浏览

javascript - 无法从 .html 文件运行 paper.js

亲爱的,我没有找到一个正常的解释,所以我决定寻求你的帮助。我想在 html 文件中创建一个 paper.js 项目。我无法连接它们的问题我尝试使用 var scope = new paper.PaperScope(); scope.setup(myCanvas);

但它没有成功。这是取自 Paper.js 网站的代码

但它在这里没有做任何事情......感谢您的关注。

0 投票
1 回答
501 浏览

iphone - Why does the canvas not render on iPhone with paper.js

I've been having trouble for quite some time. I need to get the canvas working on a mobile web app of mine but it seems to be having trouble with paper.js.

I have set my viewport to the following:

And the canvas element:

But the canvas never seems to render at ALL.

I hope I've given enough information. I'm almost certain that I have no problems from the JavaScript side.

Go easy on me please!

Thanks

0 投票
1 回答
1625 浏览

canvas - 在 socket.io 中绘制数据

我搜索了一些解决方案并尝试实施它们,但其中一些不起作用,其中一些对我来说很复杂。我试图实施一些解决方案都导致失败。

我是这里的新手,想在最简单的示例中学习如何使用 paper.js 实现 socket.io。复杂的东西只会让我感到困惑。我将在这里编写我的示例代码。

客户端:

和服务器端:

请改进它,以便它发送绘图坐标...我查看了很多教程但没有得到它。