Chrome修改文本剪辑路径的解决方法？

Question

当小文字用作剪辑路径时，是否有人可以建议让Chrome浏览器不破坏文字？

我正在使用带有文本剪辑路径的svg。 Windows 7上的Chrome 38（也是37）在用作剪辑路径时会破坏文本，但仅限于文本小于特定大小时。以前我能够通过使用svg字体解决问题，但Chrome 38删除了对svg字体的支持。

即使是如下的简单svg也会显示问题：

<div id="container">
  <svg id="text_svg" xmlns="http://www.w3.org/2000/svg" width="500" height="403">
    <defs>
      <clipPath id="Si1jwwg9g5">
        <text x="0" y="20" fill="#0000ff" style="font-family: Arial; font-size: 20px;">Testing</text>
      </clipPath>
    </defs>
    <g clip-path="url('#Si1jwwg9g5')">
      <rect x="0" y="0" width="500" height="403" fill="#008000"></rect>
    </g>
  </svg>
</div>

对于非Windows / Chrome用户，以下是错位文本的内容：

使文本更大，如40px而不是20px，解决了问题。

上面的代码段可以在Safari，IE和Firefox上正常使用。

我也尝试过使用视箱，问题仍然存在。我也尝试使用文本作为掩码而不是剪辑路径，问题仍然存在。

Answer 1

我遇到过应用过滤器的文字问题。此问题已在Chrome 39中修复： https://code.google.com/p/chromium/issues/detail?id=425530

请尝试beta channel for Chrome 39，看看是否能解决您的问题。