Paperjs写文字

时间:2012-12-07 01:18:56

标签: text vector paperjs

我正在试图理解Paperjs是如何工作的,我想知道是否可以编写文本向量,如果有的话怎么样?

在此之前我尝试过Raphael.js,我对它几乎感到满意,但似乎Paperjs由于某些原因更符合(交叉)浏览器,对吧?

一些例子会很好!

感谢您的回答。

2 个答案:

答案 0 :(得分:2)

是的,绝对可以在paper.js中创建文本。

var awesometext = new paper.PointText();
awesometext.content='awesome';

纸张优于raphael,因为它以帆布为基础。移动设备/标签更好地支持Canvas,因此paperjs的优势。但是,由于canvas只是一个位图实现,因此与raphael中的svg渲染相比,缩放会使画布渲染效果不佳。

因此,这取决于您的申请优先级。

答案 1 :(得分:1)

Paperjs可以很好地处理文本缩放,但它使用了canvas'渲染字符的本机方法,因此您无法在绘制后访问矢量数据。但我想你只需要矢量字符来操纵它们的形状,例如,将一个字母变形为另一个字母,或者创建一个字体编辑器。

如果您只想要高分辨率文本,那么paperjs可以做到这一点没问题......或者您可以设置更大的字体大小。

如果您想在paperjs中将文本渲染为矢量,请查看https://nodebox.github.io/opentype.js/