Raphaeljs - Warp印刷文字效果,如拱形,曲线和捏合

时间:2014-09-08 19:51:00

标签: svg raphael

我想知道是否有任何起点可以了解如何使用RaphaelJS Print方法创建的Warp Printed Texts。通过“Warp Shape Effects”我的意思是:

http://awesomescreenshot.com/0053gix947

  • 曲线
  • ...

by Printed-Text我的意思是:

http://jsfiddle.net/jorozco/ub50nbbj/3/

window.onload = function () {

    var r = Raphael( "paper", 300, 300 );

    var x = 40;
    var y = 140;
    var str = "Warping Printed Text";
    var font = r.getFont("ChunkFive");
    var fontSize = 20;

    p = r.print( x, y, str, font, fontSize ).attr({
        fill: "#0073be"
    });

};

文本是SVG路径(不是每个字符的一组路径)。我发现做得对的唯一网站是:Inksoft,似乎他们正在使用转换来改变整个文本路径的扭曲效果。

有很多关于如何使用CSS或要遵循的路径将效果应用于纯文本的信息。但对于印刷路径,机械师是不同的。我有点失落。

提前致谢!

0 个答案:

没有答案