带渐变和自定义字体的文本

时间:2010-09-23 10:45:27

标签: javascript css xhtml fonts embedded-fonts

好的,这是我的挑战,我有一些<h1>标签,我想将其转换为自定义字体并从左到右应用渐变。

最初我想要使用cufon,因为这样做,但事实证明cufon只支持从上到下的渐变。

据我所知,我唯一的其他选择是sIFR,我相信可能会支持这一点,但不是更好。

有人有任何建议吗?我看过没有做渐变的字体js(我认为)和像moz-linear-gradient这样的CSS3,但这不支持将它作为颜色应用。

谢谢!

3 个答案:

答案 0 :(得分:1)

你现在不能手动修改the cufón code来改变渐变方向吗?

我自己没有尝试或测试过,但我怀疑你想改变的行是这样的:

@973, for VML implementation
... fill.angle = 270;

@1364, for canvas implementation
... fill = g.createLinearGradient(viewBox.minX, 0, viewBox.maxX, 0);

答案 1 :(得分:0)

请参阅:Javascript example: text color to gradient。可能会帮助你。

答案 2 :(得分:0)

我开发了一个用canvas替换文本的函数,它允许你通过CSS color属性添加渐变颜色。看看它,如果你喜欢,请告诉我。

https://github.com/msnazi/Gradient-for-text