Question

我从我之前的工作文档中复制粘贴了这段代码，所以我知道代码是正确的，但其他一些东西必然会导致问题。我正在使用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/

Answer 1

你的main.css样式重置干扰了Raphael设置的样式：

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

使用Raphael改变文字大小

1 个答案: