问题标签 [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 回答
873 浏览

javascript - Paper.js 与 excanvas

我越来越喜欢 paper.js,但在意识到它不支持 IE8 之后,我想知道是否可以让 paper.js 与 excanvas 一起工作?有没有人测试过这个并且有可用的例子吗?

谢谢你。

0 投票
2 回答
4691 浏览

paperjs - paper.js 隐藏/显示层?

我有一个包含很多符号的图层,我想隐藏并显示包含他所有元素的整个图层。

隐藏我这样做,myLayer.remove();但显示它没有方法......
他们在他们的教程中说project.activeLayer.addChild(myObject);,但它似乎不适用于图层。(http://paperjs.org/tutorials/project-items/project-hierarchy/)

如果有人可以帮助我或告诉我是否需要以不同的方式做?

非常感谢你。

0 投票
2 回答
161 浏览

html - 判断,浏览器是否支持canvas(paperjs)

请告诉我如何确定浏览器是否支持画布(paperjs)?

0 投票
1 回答
1552 浏览

image - 使用 PaperJs 动态更新 Canvas 图像

我有一个 src 指向 Handler (asp.net) 的图像元素,并且该图像用作定义为全局对象并在 window.load 期间更新的 Raster (PaperJs) 对象的源。

上面的代码在第一次加载时将图像加载到画布上,然后通过与回调控件(ComponentArt 回调控件)相关联的按钮单击来更新图像元素,但画布不是,它显示为空白。

然后我创建了一个在回调完成后被调用的处理程序,但它也没有工作。

0 投票
2 回答
207 浏览

opera - Opera中的错误paper.js文件

我有一些纸质书。我安装了上一个版本的opera(12.0)和这个版本,不支持paperjs,在opera的js错误日志中,写了这个错误消息(文件paper.js中的错误)

链接脚本编译。加载时第 7633 行出现语法错误:在字符串文字中:脚本意外结束“\f”;case“0”:return”

我从那里下载了文件paper.js:http ://paperjs.org/download/ 在其他浏览器中,我的paperscript有效,没有错误,仅在opera中出错。如果有人知道,请告诉我,歌剧想要什么?

0 投票
2 回答
1883 浏览

paperjs - Paper.js:为什么通过缩放图像变得模糊?

Paper.js:为什么通过缩放图像变得模糊?代码

在此处输入图像描述

图像为 3000x2500 像素,边界和图像本身模糊。如果我不使用比例,图像就很清晰。

好吧,我制作了这样的动画:

这有点奇怪,因为比例是一个在另一个之上,因此有一个指数曲线,这不是我想的那样。所以更好的方法是:

通过这种方式,图像在每一帧上重新缩放到 0.99。即便如此,经过 200 次迭代后,图像变得非常非常模糊。

0 投票
1 回答
169 浏览

html - Why is a canvas line rendered below the initial page load have lower fidelity than those above?

I am using paper.js to manage my html5 drawing. In Chrome if I reload at the bottom of the page and view this line, it is clear:

image1

If I reloaded at the bottom, I can scroll up and back down, and the line will maintain its fidelity.

But if I reload at the top of the page and scroll down, the line looks jagged and not anti-aliased, like so:

image2

Strangely, if I scroll up and down a few times after initially loading at the top of the page, the fidelity gets worse:

image3

This happens in Safari as well, and in Firefox it happens but almost to an unnoticeable degree. My assumption is that this has something to do with the fact that when I load at the bottom, all of the dom elements above the load are rendered at page load. Whereas if I load at the top, the elements are only rendered when scrolled into view (and so are fighting with the scroll event and repaints for CPU?)

But is there anything I can do to make sure all dom events are rendered at page load? I am already wrapping the initial draw function in a $(document).ready.

0 投票
1 回答
233 浏览

javascript - 无法在 PaperScript / Javascript 中创建图像?

我似乎无法var imageObj = new Image();在 [Paperscript][1] 中为 HTML5 画布创建图像。Paperscript 应该建立在 Javascript 之上,所以我不明白为什么它不起作用。

@ Alex Wayne - 我的画布上没有弹出图像。如果我将 "script type="text/paperscript" canvas='canvas'" 更改为 "script type="text/javascript" canvas='canvas'" 图像就会出现背部

@James - 你能给我一个链接来帮助我更好地理解吗?

0 投票
1 回答
1433 浏览

javascript - 使用 paper.js 将 pointtext 插入画布会将其他项目推开

我正在尝试创建一个矩形和一个 pointtext 元素,其中矩形将是文本元素的容器。

没有文本元素,一切正常。当插入文本元素时,矩形被推开。好吧,矩形显示在正确的位置,但是它接收事件的点被推开。

请参阅http://jsbin.com/abejim/1

悬停时矩形的可见性应该增加。悬停不影响,但是当鼠标移动到 580,280 及附近时,它的可见性会增加。

有什么建议么?

0 投票
2 回答
389 浏览

javascript - 创建唯一变量

我在 Javascript 方面的基础并不是最强的,我很好奇其他人将如何应对我为自己创造的当前挑战。

我在玩 paper.js

下面的代码创建了这个截屏

眼睛对鼠标事件的反应方式与此处的眼睛相同(从该代码中学习)— www.arc.id.au/XEyes.html

这是我所拥有的:

我希望用眼睛填满整个页面。我的最终目标是创建这样的东西:

最终结果

我的问题是,创建交互式多只眼睛的最佳方法是什么。

我一直在玩'for',但 onMouseMove 函数只适用于最后创建的 Eye。

也一直在看 paperjs item.clone — paperjs.org/reference/item#clone

还是我为每只眼睛创建独特的变量的问题?

这是按要求提供的代码: