问题标签 [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.
javascript - 动画图形的累积缩放
我正在尝试编写一个小型 javascript 库来帮助使用 paper.js 对形状进行动画转换,但不幸的是,这种图形/数学并不是我的主要优势!
我已经能够通过每帧进行小的转换来实现简单的转换,例如平移和旋转,但我无法计算出累积缩放形状的数学。
例如,我的翻译动画代码的粗略伪代码版本:
我不知道如何使这种方法适用于缩放,因为我不知道如何计算每帧的缩放量。如果有人对此有任何建议,将不胜感激!如果您想查看实际代码,而不是我上面的混蛋伪代码,它在 github 上:https ://github.com/jordanwallwork/paper.animate/blob/master/paper.animate.js
编辑:剪毛也有同样的问题!
asp.net-mvc-4 - How to set my canvas drawings visible to anther user who opens same page where actions performed using paper.js script
I am working with paper.js in asp.net mvc4 application ,which helps in drawing on canvas region of HTML. I need your support for my requirement: When I draw on my canvas I want to make visible these drawings on other canvas who opened same page over internet. Paper.js provides a global variable called project.activeLayer to access items on view. I saved cavnas data in JSON format from active Layer , then I send this data through server communication. How can I rebuild the view in the canvas with same data. ? (or) Is there any way to do this without transmission of data.?
Thanks, surbob.
html - 清除 html5 画布,然后重新初始化
我正在开展一项活动,用户将绘制折线图并检查它与实际图表的接近程度。我已经开始工作了,但在“重置”画布方面需要帮助。我可以清除它,但我需要在清除后重新初始化它,以便用户可以重试。
这是我到目前为止的重置代码:
由于我不是编码员,所以我将这段代码拼凑在一起,所以如果这不是最好的做事方式,那就放轻松。如果有人有更清洁/更有效的方式来做到这一点,我会全力以赴!
提前致谢。小号
canvas - webapp上交互式图像的响应速度最快的方法
我正在寻找构建一个基于交互式图像的界面的网络应用程序。每个图像将有 10-200 个可点击/可触摸/可突出显示的不规则形状区域(想想类似地图)。
我可以看到几种执行此操作的方法,例如 svg 图像、图像映射、<canvas>
元素或 javascript 库,例如 paper.js 或 raphael。 不过,我的问题是,哪种方式反应最快? 而且我完全排除了Flash。
通过响应,我的意思是:
- 快速加载,准备好被触摸/点击
- 被点击的即时反应时间(我想一些库可能需要一些处理时间来确定点击是否在特定区域,当有很多区域时)
- 每个区域都可以快速突出显示和取消突出显示
javascript - paper.js + soundmanager 声音表示
我想在声音管理器提供的画布数据上实时绘制waveformData
,让它看起来像一条均衡器线,像 http://paperjs.org/tutorials/animation/creating-animations/#moving-multiple-items一样平滑移动。问题是一切都被重绘了,看起来不太顺利。任何想法如何改进它?
`
canvas - 我们可以在没有
标签的 paper.js 中为光栅构造函数提供路径吗
是否可以在 paper.js 中为光栅构造函数提供图像路径(url 或本地)?
javascript - PaperJS:当我在画布外时,事件被捕获
我正在使用框架 Paper.js 在画布中绘制工具
我在使用 iPad 时遇到问题。当我用一根手指绘图时,这很有效。当我用两个手指绘制时,一个在画布中,一个在画布外,第二个手指事件被 onMouseDrag 事件捕获,并且从第一根手指到第二根手指有一些笔触,这对我来说不是一个好行为.
例子:
一开始,我开始用一根手指画。在我把第二根手指放在画布外面之后,我继续移动我的第一根手指。这就是发生的事情。
当我在画布外时,你有什么想法可以避免事件吗?
谢谢。
javascript - 为 JavaScript 以外的脚本打开 Eclipse 语法高亮
当您在 Eclipse 中使用 Web Developer Tools 编辑 html 文件时,Eclipse 知道<script type="text/javascript">
标记内的任何内容都是 JavaScript,并打开适当的帮助程序,例如语法突出显示。
但是,在编辑这样的标签内的文本时,我希望获得相同的帮助:
我在哪里可以告诉 Eclipse 将此标记内的文本识别为 JavaScript?
html5-canvas - 如何在使用 paper.js 进行鼠标拖动时仅更改路径的宽度(矩形、圆形)
我一直坚持使用 paper.js 仅调整画布中项目的宽度,我已经按照以下方式调整大小,但这会导致从矩形/圆形的中心调整左右两侧的大小。
上面的代码在两个 x 方向上调整大小。
帮助我仅在一个方向上调整宽度。
谢谢,
苏里巴布。
javascript - 使用paperjs在画布中翻译坐标系
我有必要在 paperjs 中翻译画布的坐标系,以便根据具体情况,画布的左上角不是 (0,0)。通过更改坐标,我希望翻译整个视图。可以在paperjs中做到这一点吗?