IE/Edge で svg に innerHTML がきかない件
1755 ワード
困ったこと
svg 要素に書き込もうとすると IE/Edge ブラウザでは DOM がレンダリングされない。
<svg>
<g v-html="data"></g>
<svg>
モダンブラウザだとちゃんとレンダリングされるが...
<svg>
<g>
<path ..../>
</g>
<svg>
IE/Edge だと...
<svg>
<g></g>
<svg>
解決策
svg 要素対応の polyfill のライブラリ、 innersvg-polyfill をつかう。
サポートバジージョンは以下。
- Chrome6+
- Safari5+
- Firedox4+
- IE9+
CDN も配布されていたのでこちらを読み込むだけでも OK。
<script src="//cdn.jsdelivr.net/npm/[email protected]/innersvg.min.js" type="text/javascript"></script>
Author And Source
この問題について(IE/Edge で svg に innerHTML がきかない件), 我々は、より多くの情報をここで見つけました https://qiita.com/naoiwata/items/dedc101dadc354a6029d著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .