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
Post a Comment