2013-01-27 2 views
0

Я работаю вне пятна дисплея Raphael, но я не могу показаться, чтобы установить Attr отпечатка() 'd элемент текста при наведении курсора мыши после инстанцирования:настройка attr печатного текста?

var w = Raphael("weddings", 85, 30); 
var fonts = [0, w.getFont("helvetica-neue-thin"), w.getFont("arial")]; 
w.print(0, 15, "Weddings", fonts[1], 20).attr({fill: "#000000"}); 

следующий не дает никаких результатов:

$("#weddings").hover(function() { 
w.attr("color", "#000"); 
}, 
function() { 
w.attr("color", "#FFFFFF"); 
}); 

Я думал, что:

w.print.attr("color", "#FFFFFF"); 

может работать, но это не так. Я что-то упустил? любая помощь очень ценится!

ответ

0

Вы сначала зарегистировали? См. .registerFont() function.

У меня слабое подозрение, что вы на самом деле не хотите отображать шрифт таким сложным способом, а просто хотите написать текст на экране, а затем изменить его при наведении. Если да, то есть бесконечно более простой способ:

var w = Raphael(0, 0, 85, 30); 
var text = w.text(0, 15, "Weddings").attr({'font-family': "helvetica-neue-thin", 'text-anchor': 'start', 'fill': '#000'}); 

text.hover(
    function() { 
     this.attr("fill", "#F00"); 
    }, 
    function() { 
     this.attr("fill", "#000"); 
    } 
); 

(. Вам все равно нужно загрузить шрифт где-то, так как это не стандарт, но это ваше дело)

+0

ОК, я сделал это работает! метод «text», поскольку вы описываете визуализацию текста так, чтобы он был пикселирован, и мне нужен сглаженный текст ... я применил эту же логику к методу печати и вызвал зависание с помощью идентификатора элемента для согласованности в области наведения, как прямоугольник ... также, я замечаю, что я назвал «заполнять» как «цвет» в моем первоначальном вопросе, так что это еще одна вещь, для которой смотреть ... работает как шарм! благодаря! – rodenbushdesign

Смежные вопросы