Javascript 具有渐变和自定义字体的文本

好的，这是我的挑战，我有一些

标记，我想转换成自定义字体，并从左到右应用渐变

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

据我所知，我唯一的其他选择是sIFR，我相信它可能支持这一点，但它并不可取

有人有什么建议吗？我看过js字体，它不做渐变（我想），CSS3像moz线性渐变，但它不支持将其作为颜色应用

---

谢谢

请参见以下内容：。可能会帮到你。

请看以下内容：。可能会帮到你。

你现在就不能手动修改渐变方向吗

我自己还没有尝试或测试过，但我怀疑您想要更改的行可能是：

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

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

---

你现在就不能手动修改渐变方向吗

我自己还没有尝试或测试过，但我怀疑您想要更改的行可能是：

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

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

---

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

---

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

---

“应用从左到右的渐变。”背景色还是文本颜色？你最好找一些Javascript解决方案。蒋：文本颜色很明显@fire：我没有发现任何其他库提供此渐变选项…”“从左到右应用渐变”。背景或文本颜色？您可能最好寻找一些Javascript解决方案。Jiang:显然是文本颜色@fire：我没有找到任何其他提供此渐变选项的库…它实际上可以工作，但不能均匀地分布在整个单词上-嗯，好吧，怎么样：

createLinearGradient（0，0，stretchedWidth，0）

谢谢，几乎完美，只是它需要在整个句子而不是每个单词上应用渐变。。我想你必须停止把每个单词当作一个单独的对象（

text.split（分隔符[separator]）

？）。。。但是你会失去自动换行的能力。我想这就是为什么默认情况下没有水平渐变支持的原因：如果你想让它完全工作，那么每次都必须调整窗口大小并重新创建文本以响应新单词的换行。这实际上是可行的，但它不能均匀地分布在整个单词上-嗯，好吧，怎么样：

createLinearGradient（0，0，stretchedWidth，0）

谢谢你，几乎完美了，只是它需要在整个句子而不是每个单词上应用渐变。我想你必须停止将每个单词作为单独的对象（

text.split（分隔符[separate]）

？）…但是你会失去自动换行的功能。我想这就是为什么默认情况下没有水平渐变支持的原因：如果你想让它完全工作，你必须调整窗口大小，并在每次换行时重新创建文本。