изменение размера текста с помощью Raphael - PullRequest
Новая
       26

изменение размера текста с помощью Raphael

1 голос
/ 17 января 2012

Я скопировал этот код из моего предыдущего рабочего документа, поэтому я знаю, что код правильный, но что-то еще должно вызывать проблемы. Я использую библиотеку Raphael js для анимации, и мне нужно добавить текстовые метки в мою анимацию.

Моя проблема в том, что когда я пытаюсь изменить размер текста, размер текста фактически не изменяется. Даже когда я открываю Firebug, он отображает текст как правильный размер, но текст отображается как тот же крошечный размер, который не должен быть каждый раз. 

var c = paper.text(xR-Math.cos(.8)*letterOffset, yR-Math.sin(.8)*letterOffset, "c.").attr({fill: '#737373', 'font-family': 'IM Fell DW Pica'});
var m = paper.text(xG+Math.cos(5*Math.PI/4)*letterOffset, yG-Math.sin(5*Math.PI/4)*letterOffset, "m.").attr({fill: '#737373', 'font-family': 'IM Fell DW Pica'});
var s = paper.text(xB+Math.cos(0)*letterOffset, yB-Math.sin(0)*letterOffset, "s.").attr({fill: '#737373', 'font-size': '72px', 'font-family': 'IM Fell DW Pica'});

Как видите, одна из букв имеет размер 72, но все они имеют одинаковый размер. Почему Рафаэль не меняет размер текста?

Вы можете увидеть источник здесь: http://jrstrauss.net/cms/

1 Ответ

1 голос
/ 18 января 2012

Ваш сброс стиля main.css мешает стилям, установленным Рафаэлем: 

* {
 margin: 0;
 padding: 0;
 font-size: 12px; //remove this
}
...