text - Paperjs 写文字

Question

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

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

一些例子会很好！

感谢您的回答。

Answer 1

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

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

纸比拉斐尔好，因为它是基于画布的。Canvas 在手机/标签上得到更好的支持，因此具有 paperjs 的优势。但是，由于画布只是位图实现，因此与 raphael 中的 svg 渲染相比，缩放会使画布渲染效果不佳。

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

Answer 2

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

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

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