库在HTML5 canvas上扭曲文本，类似于csswarp on DOM [英] library to warp text on HTML5 canvas similar to csswarp on DOM

问题描述

我想在HTML Canvas上围绕Bezeir曲线和圆圈扭曲文本。 CSSWarp库在DOM上使用CSS3。我正在寻找一个库在HTML画布上做同样的。我白白地笑了。有没有人碰到这样的图书馆？或者是任何人都能够在HTML5画布上围绕bezeir曲线/圆形成功地扭曲文本？

I want to warp text on HTML Canvas around Bezeir curves and Circles. CSSWarp library does that using CSS3 on DOM. I am looking for a library which does the same on HTML canvas. I googled in vain. Did anyone come across such a library? Or was anyone able to successfully warp text on HTML5 canvas around bezeir curves/circles?

推荐答案

类似已经在HTML5中做过，但在Flash中做了大量的实验。 Yous应检查此博客： http://algorithmist.wordpress.com/ 。它完全致力于bazier样条探索。另一个很棒的资源是此网站： http://www.tinaja.com/cubic01.shtml 吨的例子和伟大的文章有关的主题。这篇文章解释了将文本换行为bazier样条曲线的概念： http：//www.tinaja。 com / glib / nonlingr.pdf

I don't really know if something similar has been done in HTML5, but there are a tons of experiments done in Flash. Yous should check this blog: http://algorithmist.wordpress.com/. It's completely dedicated to bazier spline exploration. Another great resource is this site: http://www.tinaja.com/cubic01.shtml with tons of examples and great articles related to the subject. Here is paper which explain the concept behind wrapping text to a bazier spline: http://www.tinaja.com/glib/nonlingr.pdf

另一方面，我可以提名两个伟大而复杂的库，只对SVG有所期望的效果： 3d 和 PaperJS 。

And as a side note i can nominate two great and complex library which does the desired effect only on SVG: 3d and PaperJS.

这篇关于库在HTML5 canvas上扭曲文本，类似于csswarp on DOM的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！