草庐IT

javascript - Paper.js 通过拖动调整光栅/TextItem/路径的大小

我知道我可以scale一个RasterPaper.js中的对象,以及TextItem和一个Path.但是,我想在拖动Raster的选择线或边界框时执行此操作,TextItem,或Path,就像在Word等程序中调整图像大小时一样。这些边界形成一个Rectangle目的。我可以Hook吗,也许使用fitBounds方法?或者更广泛地说,如何在Raster、TextItem或Path的选择线上捕获鼠标拖动事件?我想一旦我能做到这一点,我就可以使用scale方法来扩大/缩小对象。这是一个Paper.jssketch从@Christoph借来帮助您入门和进行实验。另见documentation

javascript - HTML5 Canvas 重绘周期性能优化

我们正在构建一个在浏览器中运行的CAD应用。C.A.D代表ComputerAidedDesign.Illustrator、CorelDraw、AutoCAD等是CAD应用程序的一些示例。它基于Paper.js,一个非常简洁的Canvas库,允许您以编程方式操作矢量。问题我目前遇到的主要问题是重绘周期性能。重绘算法是“愚蠢的”(就提高性能的巧妙技巧而言),因此效率低下且速度慢-渲染场景图形项目依赖于逐渐变慢的重绘周期。随着绘制点的积累,每个重绘周期变得越来越慢。重绘方案非常简单:清理整个区域从场景图中取出所有项目重绘所有项目。问题在这种情况下是否有渲染优化的任何类示例-假设我想停止实现脏

如何将自定义属性添加到Paperjs对象中?

我发现了一些关于这样做的讨论inject方法,这样的方法https://groups.google.com/forum/#!js/16todjquig8但是我在官方文档中找不到这种方法。那么,将自定义属性添加到Paperjs对象的官方推荐方法是什么?看答案如果您只想将属性添加到项目中,则可以使用Item.data.从Paper.js文档:item.Data:一个普通的JavaScript对象,可用于将项目存储在项目上。例子:varpath=newPath();path.data.remember='milk';

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

是否可以使用paper.js沿着贝塞尔曲线轻松绘制文本??我知道可以将文本附加到直线路径然后旋转它,但我对沿曲线绘制文本特别感兴趣。类似于http://www.w3.org/TR/SVG11/images/text/toap02.svg我知道这可以通过逐个字母打印文本并对每个项目应用相应的旋转来实现,但我对在paper.js中实现此目的的更简单方法感兴趣 最佳答案 如前一个答案所述,PaperJS不提供开箱即用的此功能。但是你可以用很少的努力达到效果。下面是如何进行:获取文本中每个字形的x中心偏移量。这可以通过将PointText的

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

是否可以使用paper.js沿着贝塞尔曲线轻松绘制文本??我知道可以将文本附加到直线路径然后旋转它,但我对沿曲线绘制文本特别感兴趣。类似于http://www.w3.org/TR/SVG11/images/text/toap02.svg我知道这可以通过逐个字母打印文本并对每个项目应用相应的旋转来实现,但我对在paper.js中实现此目的的更简单方法感兴趣 最佳答案 如前一个答案所述,PaperJS不提供开箱即用的此功能。但是你可以用很少的努力达到效果。下面是如何进行:获取文本中每个字形的x中心偏移量。这可以通过将PointText的

html - 如何构建 AngularJS 和 PaperJS 项目

想法是在简单的Canvas游戏开发中使用Angular。从理论上讲,该项目应该受益于更加系统化、可管理和可扩展。这不是sprite/tile/collision游戏,PaperJS用于进行大多数Canvas绘制和交互。将Paper.js(或其他Canvas绘图库)集成到多个NGView以使每个View代表一个游戏阶段的最佳方法是什么?是否可以设置Paper一次并在多个View中使用paper?该游戏允许用户重新访问之前的阶段/View。每次加载View/Canvas时我都必须重新设置Paper吗?(如下例所示,如果只设置一次,第二次访问View时将出现空白Canvas)如何在View之

html - 如何构建 AngularJS 和 PaperJS 项目

想法是在简单的Canvas游戏开发中使用Angular。从理论上讲,该项目应该受益于更加系统化、可管理和可扩展。这不是sprite/tile/collision游戏,PaperJS用于进行大多数Canvas绘制和交互。将Paper.js(或其他Canvas绘图库)集成到多个NGView以使每个View代表一个游戏阶段的最佳方法是什么?是否可以设置Paper一次并在多个View中使用paper?该游戏允许用户重新访问之前的阶段/View。每次加载View/Canvas时我都必须重新设置Paper吗?(如下例所示,如果只设置一次,第二次访问View时将出现空白Canvas)如何在View之

javascript - 一起使用 ReactJS 和 PaperJS 时 Canvas 元素不会调整大小

我发现当Canvas元素在react组件中时,它们会在调整窗口大小时正确调整大小。当与PaperJS一起使用时,它们也可以正确调整大小。但是,当与PaperJS和ReactJS一起使用时,它们不会调整大小。这是PaperJS和ReactJS之间的不兼容,还是我错误地实例化了PaperJS?我在包含Canvas元素的react组件的componentDidMount函数中调用paper.setup(canvas)。这是执行此操作的正确位置吗?我在下面包含了代码片段。注意:出于某种原因,“运行代码片段”功能会在ReactJS片段上出现问题,因此我包含了工作正常的JSFiddle链接。仅限P

javascript - 一起使用 ReactJS 和 PaperJS 时 Canvas 元素不会调整大小

我发现当Canvas元素在react组件中时,它们会在调整窗口大小时正确调整大小。当与PaperJS一起使用时,它们也可以正确调整大小。但是,当与PaperJS和ReactJS一起使用时,它们不会调整大小。这是PaperJS和ReactJS之间的不兼容,还是我错误地实例化了PaperJS?我在包含Canvas元素的react组件的componentDidMount函数中调用paper.setup(canvas)。这是执行此操作的正确位置吗?我在下面包含了代码片段。注意:出于某种原因,“运行代码片段”功能会在ReactJS片段上出现问题,因此我包含了工作正常的JSFiddle链接。仅限P
12