Paperjs写入文本

Question

我正在尝试了解Paperjs是如何工作的，我想知道是否可以编写文本向量，如果可以，如何编写？

我在此之前尝试过Raphael.js，我对它几乎很满意，但由于某些原因，Paperjs似乎更符合(跨)浏览器，对吧？

一些例子会更好！

谢谢你的回答。

Answer 1

是的，在paper.js中创建文本是绝对可能的。

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

纸张比拉斐尔好，因为它是基于画布的。Canvas在手机/标签页上得到了更好的支持，这也是paperjs的优势所在。然而，由于canvas只是一个位图实现，缩放将使canvas渲染效果不如在raphael中的svg渲染效果好。

因此，这取决于您的应用程序的优先级。

Answer 2

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

如果你只是想要文本，那么paperjs可以做到这一点，没有问题…或者你可以设置更大的字体大小。

如果您想在paperjs中将文本呈现为矢量，请看一下https://nodebox.github.io/opentype.js/