перемещение нестандартного шрифта не работает - PullRequest
Новая
       0

перемещение нестандартного шрифта не работает

1 голос
/ 25 июля 2011

Я пытаюсь переместить текст с помощью анимации, используя printhael () Рафаэля, но это не работает: 

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);

У кого-нибудь есть идеи, чего мне не хватает?

1 Ответ

1 голос
/ 12 августа 2011

Я думаю, вам следует использовать функцию text вместо функции print, если вы хотите анимировать ее позже. Я не уверен, почему, но это работает ...

Вот пример с обоими способами сделать это: 

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"});

А на втором вы можете сделать это, например: 

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