移動カスタムフォントが

Question

動作しない私が）（ラファエロの印刷を使用してアニメーションを経由してテキストを移動しようとしているが、それは動作しません：

var paper = Raphael(document.getElementById("stage"), 640, 480); 
var text = paper.print(300, 200, "Test Text", paper.getFont("Yanone"), 50); 
text.animate({ 
    y: 400 
}, 1000); 

誰もが私が欠落している可能性があり何のアイデアを持っていますか？

Answer 1

print関数の代わりにtext関数を使用して、後でアニメーション化する必要があると思います。私がなぜわからないが、それはここで

がそれを行うための両方の方法での例です...作品：

var paper = Raphael("canvas", 640, 480); 
var fonts = [0, paper.getFont("DIN")]; 

//using print 
var p = paper.print(70, 150, "Custom fonts", fonts[1], 20).attr({fill: "#f00"}); 

//using text (font-family is the same as in getFont) 
var t = paper.text(100, 150, "Custom fonts") 
t.attr({"font-family": "DIN", "font-size":50, "opacity": 0.5}); 
t.attr({"fill": "#000"}); 

そして、あなたは、たとえば、これを行うことができます秒1上：

t.animate({"font-size":40,"fill":"#0f0"},2000); 
t.animate({"x":150},5000);