浏览器将 svg <clipPath> 渲染到 <clippath>

【问题标题】：Browser render svg <clipPath> to <clippath>浏览器将 svg <clipPath> 渲染到 <clippath>
【发布时间】：2016-07-25 12:35:04
【问题描述】：

一些浏览器强制将 clipPath 格式的 svg 标记呈现为小写 clippath。所以clipPath不起作用。

我应该怎么做才能解决这个问题？

顺便说一句，我的浏览器的 ua 是 Mozilla/5.0 (Linux; U; Android 6.0.1; zh-CN; ONEPLUS A3000 Build/MMB29M) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 UCBrowser /10.8.5.689 U3/0.8.0 移动版Safari/534.30

谢谢。

【问题讨论】：

下载webkit源代码并编写bugfix。

标签： javascript html svg web browser

【解决方案1】：

您只需要使用良好的命名空间创建您的元素：

var clipPath = document.createElementNS("http://www.w3.org/2000/svg","clipPath");

【讨论】：

@RobertLongson 也许你可以指出一个错误报告？完全不清楚你在说什么，就这样。
@Kaiido 已修复 webkit 错误。 bugs.webkit.org/show_bug.cgi?id=46800 这从来都不是命名空间问题，webkit 解析器/序列化器被简单地破坏了，但幸运的是现在没有了。我已投票结束该问题，因为该问题不再可重现。