代码之家 › 专栏 › 技术社区 › fire

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

embedded-fonts fonts xhtml css javascript

1

fire · 技术社区 · 16 年前

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

最初我打算使用cufon,因为这两者都可以,但事实证明cufon只支持从上到下的渐变。

据我所知,我唯一的其他选择是sifr,我认为它可能支持这一点,但并不可取。

有人有什么建议吗?我看过字体JS,它不做渐变(我认为)和CSS3,比如Moz线性渐变,但这不支持将其作为颜色应用。

谢谢!

3 回复 | 直到 15 年前

1

bobince 16 年前

你不能手动黑客吗 the cufÃ³n code 现在要更改渐变方向吗?

我自己也没试过或测试过这个,但我怀疑你想改变的行会是:

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

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

2

0

Kyle 16 年前

看到这个: Javascript example: text color to gradient . 可能会帮到你。

3

0

Mohsen 15 年前

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

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