草庐IT

javascript - Paperjs 0.9.25 - item.setRampPoint 不是函数

我已经使用paperjs一年了,没有任何问题。在Chrome更新(版本55.0.2883.87m)之后,一些我已经2个月没有接触过的生产代码开始失败并出现error:item.setRampPointisnotafunction:paper-full.js:13213未捕获类型错误:item.setRampPoint不是函数atoffset(paper-full.js:13213)atObject.(paper-full.js:13263)atObject.forIn(paper-full.js:46)atFunction.each(paper-full.js:133)atapplyA

javascript - 在 PaperJS 中缩放后重置形状大小的最有效方法是什么

我正在尝试在PaperJS中创建一个非常简单的类似灯塔的动画。这个想法是,一个圆圈开始时非常小且完全不透明,然后变得更大且更透明,直到它消失并且动画重新开始。我正在使用缩放使图像变大,但将其重置为原始大小变得有问题,目前我已经求助于克隆第二个圆圈来重置它,而不是只使用一个形状,必须是一种更简单的方法。到目前为止,我已经创建了一个jsFiddle来演示我的粗略代码,我们将不胜感激。http://jsfiddle.net/colethecoder/Y3S9n/1 最佳答案 Paperjs不存储原始路径,也不记得任何已应用到当前状态的操作

javascript - Gulp Uglify 从 Paper.js 库中生成奇怪的字符

我正在使用Paper.js的Bower包在一个项目中。我正在使用Gulp为浏览器准备项目。但是,在bower_components/paper/dist/paper-full.min.js中有一些字符看起来像这样:\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec...经过Gulp后结果是这样的:ªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԧԱ-Ֆՙա-ևא-תװ-ײؠ-يٮ...导致控制台错误UncaughtSyntaxError:Invalid

javascript - Paper.js : why does tool. onMouseDown 不触发?

我正在创建一个Web应用程序,它使用Paper.js来处理通过SVG导入的矢量。直到最近,一切正常。然后,突然之间,onMouseDown事件不再被触发,即使onKeyDown和onMouseMove触发得很好。我像这样创建一个Tool对象的实例:paper.setup("canvas");vartool=newpaper.Tool();tool.activate();然后我稍后在代码中绑定(bind)事件,如下所示:tool.onMouseDown=function(event){console.log("Mousedowntriggered!");}tool.onMouseMove

javascript - 创建唯一变量

我的Javascript基础不是最强的,我很好奇其他人会如何应对我为自己创造的当前挑战。我在玩paper.js以下代码创建了这个眼睛对鼠标事件的react方式与此处的眼睛相同(从该代码中学习)—www.arc.id.au/XEyes.html这是我所拥有的://EyepositioncentereCntrX=100eCntrY=100vartopLid=newPath()topLid.add(newPoint(eCntrX-60,eCntrY))topLid.add(newPoint(eCntrX,eCntrY-28))topLid.add(newPoint(eCntrX+60,eCn

javascript - Paper.js 中的事件处理程序

我是Paper.js的新手,在阅读教程时,我对事件系统感到疑惑。这就是tutorial中描述的事件处理方式:varpath;functiononMouseDown(event){//Createapath:path=newPath();path.strokeColor='black';//Addthemousedownposition:path.add(event.point);}functiononMouseUp(event){//Addthemouseupposition:path.add(event.point);}所以,它只是在全局命名空间中起作用...最后我有几个问题,我没有

javascript - 在服务器端实现 Paper.js 螺旋光栅示例

我正在尝试在服务器(运行Node.js)上绘制螺旋光栅示例(link)。但是,我遇到了一个问题,我的路径没有显示在导出的帧上,我只能看到下载的图像。可能是我这边的一个愚蠢的错误,但是,通过谷歌和文档查看几天并没有帮助我解决问题。我做了什么:添加paper.前缀将+/-更改为相应的add()和subtract()尝试在图层中呈现路径。这是我的代码:varpaper=require('paper');varfs=require('fs');vardrawer={};varcanvas=newpaper.Canvas(1000,1000);paper.setup(canvas);varlay

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

是否有推荐的方法来扩展Paper.js中的类?特别是,我有兴趣扩展Path请原谅我的术语不正确,但我本质上是在问关于论文的同样问题thatisbeingaskedaboutthreehere 最佳答案 根据您对我回答的初始版本的评论,您正在寻找“扩展”功能(哎呀,这正是您的意思)来进行子类化。在emailtothepaper.jsmailinglist,JürgLehni(创作者之一)说:Asforsubclassing,that'snotsomethingthatissupportedatthemoment.Itmightwork

javascript - 在 Paper.js 中适合页面缩放后,光栅图像偏离中心

我正在开发一个Paper.js应用程序,它在view中放置一个raster(图像)。然后它会缩放以适合图像,以便一次可以看到所有图像。它主要工作,但图像最终偏移,如下所示:什么时候应该看起来更像这样:下面是创建View、添加图像并调用缩放以适合的代码://SetupHTMLImagevarimage=newImage(this.props.image.width,this.props.image.height);image.src='data:image/png;base64,'+this.props.image.imageData;//varcanvas=React.findDOMN

javascript - paper.js 如何仅使用 javascript 设置多个 Canvas

我正在尝试在Web应用程序中使用paper.js,但我一直无法让它与多个Canvas一起使用。这就像Canvas之间的范围混淆了,所以当我打算在Canvas1上绘制时,它出现在Canvas2上。在每个View中,我都像这样初始化纸张:this.mypaper=newpaper.PaperScope();this.mypaper.setup($("myCanvasId")[0]);当我创建新的纸张对象时,我使用的应该是本地范围:varcircle=newthis.mypaper.Path.Circle(10,10,5);但是,当我在view1中创建一个圆时,它会在view2中绘制它。我读