vue.js - ie Edge svg text fill render error -


i'm new in svg. when use vue.js change svg's fill attribute. it's position render error! render correctly in other browser! try google , search in stackoverflow,but there not solution solve issue. thx.

<svg width="8.4em" height="2.2em" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 315 70">   <g>     <text x="50%" y="50%" :fill="data.fill">   </g> </svg> 

in ie edge

  • the issue link(ps: reputation under 10,so paste link :)

https://i.stack.imgur.com/9i7tf.png

but it's ok on ie10,ie11

and demo url : http://codepen.io/wangxizhu/pen/ppxbww


Comments

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

c# - Selenium Authentication Popup preventing driver close or quit -

tensorflow when input_data MNIST_data , zlib.error: Error -3 while decompressing: invalid block type -