浏览器将svg <clippath>渲染为<clippath>

Question

有些浏览器强制将svg标记格式 clipPath 渲染为小写 clippath 。所以clipPath不起作用。

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

顺便说一句，我浏览器的用户是 Mozilla / 5.0（Linux; U; Android 6.0.1; zh-CN; ONEPLUS A3000 Build / MMB29M）AppleWebKit / 534.30（KHTML，类似Gecko）版本/ 4.0 UCBrowser /10.8.5.689 U3 / 0.8.0 Mobile Safari / 534.30

感谢。

Answer 1

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

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