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

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

  •  1
  • fire  · 技术社区  · 14 年前

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

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

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

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

    谢谢!

    3 回复  |  直到 13 年前
        1
  •  1
  •   bobince    14 年前

    你不能手动黑客吗 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    14 年前

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

        3
  •  0
  •   Mohsen    13 年前

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

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