瀏覽器渲染SVG <clipPath> 至 <clippath>

Question

一些瀏覽器會強制將來自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

謝謝。

Answer 1

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

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