svg文本上不需要的投影

Question

我的SVG文字有一个奇怪的阴影。我在亚马逊上购买的参考指南没有任何答案。我似乎无法弄清楚它是如何到达那里的，以及如何删除它。没有应用任何过滤器，标记与纯文本示例匹配。

继承文本元素： <text class="noToggle" data-nodetitle="Node 1" lengthAdjust="spacingAndGlyphs" x="510" y="420" textLength="230" fill="#d90000">Node Title Goes Here</text>

Answer 1

如果你想摆脱白色阴影，可以覆盖jquerymobile css并将其设置为none，例如：

<p style="text-shadow: none">This text used to have a white shadow</p>

Answer 2

我将问题追溯到jQuery mobile 1.1。它从body div继承了一个样式规则，其中jQm应用了1px的白色文本阴影。我不知道这个特定的CSS样式规则会影响SVG文本。显然在chrome和safari webkit浏览器中，它可以。