我想知道是否有任何起点可以了解如何使用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或要遵循的路径将效果应用于纯文本的信息。但对于印刷路径,机械师是不同的。我有点失落。
提前致谢!