Dom 使用Rapha和xEB的字体阴影；l—；JavaScript库

我想在任何给定的文本周围放置阴影，或者使文本看起来更抗锯齿

例如，假设我正在运行一个简单的文本，例如：

var titleName = R.text(x+200, y-75, "Lorem Ipsoup de jour")
                 .attr({font: '75px Helvetica, Arial', opacity: 1, fill: "#dfe6ec"})

---

文本看起来有点粗，与背景不协调。有没有一种方法可以创建阴影效果（理想情况下使用alpha通道）？

在SVG中，文本阴影效果不像CSS3那样简单，但它相当简单。您不能像Raphaël中那样使用该示例，因为它不支持组，但您可以在外部文件中创建过滤器定义，然后将其应用于：

.attr({filter: "url(filters.svg#dropShadow)"});

--编辑

我曾经尝试过它，但它不起作用，因为如果你抓取节点并使用常规的DOM

setAttribute

方法，它确实起作用（在Firefox中）

var t = paper.text(100, 100, "Raphaël\nkicks\nbutt!");
t.node.setAttribute("filter", "url('filters.svg#dropShadow')");

---

Chrome不会应用阴影，Opera会模糊整个元素。它几乎肯定不会在IE中工作，因为那将是VML

在SVG中，文本阴影效果不像CSS3那样简单，但它相当简单。您不能像Raphaël中那样使用该示例，因为它不支持组，但您可以在外部文件中创建过滤器定义，然后将其应用于：

.attr({filter: "url(filters.svg#dropShadow)"});

--编辑

我曾经尝试过它，但它不起作用，因为如果你抓取节点并使用常规的DOM

setAttribute

方法，它确实起作用（在Firefox中）

var t = paper.text(100, 100, "Raphaël\nkicks\nbutt!");
t.node.setAttribute("filter", "url('filters.svg#dropShadow')");

---

Chrome不会应用阴影，Opera会模糊整个元素。它几乎肯定不会在IE中工作，因为那将是VML

我知道这是一个老问题，但为了帮助其他人搜索，您可以尝试Element.glow（[glow]）来获得阴影效果

我知道这是一个老问题，但为了帮助其他人搜索，您可以尝试Element.glow（[glow]）来获得阴影效果

行格式前4个空格作为文本<代码>ctr-k用于选择。-另外，不需要在那里使用两次

.attr（）

，只需写：

.attr（{font:'75px Helvetica，Arial'，不透明度：1，填充：#dfe6ec“}）文本行格式前的4个空格<代码>ctr-k

用于选择。-另外，不需要在那里使用两次

.attr（）

，只需写：

.attr（{font:'75px Helvetica，Arial'，不透明度：1，填充：#dfe6ec“}）这似乎对文本不起作用。我只测试了一个
rect
，效果很好。这似乎对文本不起作用。我只测试了一个
rect
，效果很好。