SVG，Vue：如果“viewBox”是被动缩放，为什么？

hc2pp10m 于 2023-01-17 发布在 Vue.js

关注(0)|答案(1)|浏览(201)

<svg width=300px height=75px viewbox="0 0 450 100">...</svg>   //  It works. Scaling of the viewbox to 300px is OK.
<svg width=300px height=75px :viewbox="viewbox">...</svg>      //  All the same, but 'viewbox' is reactive property. Scaling doesnt work.
<svg width=300px height=75px :viewbox="'0 0 450 100'">...</svg>   //  Doesnt work too

视图框= '0 0 450 100' - Vue数据属性
请尝试：https://jsfiddle.net/y0zgefs8/

vue.js

来源：https://stackoverflow.com/questions/75145456/svg-vue-if-viewbox-is-reactive-scaling-doesnt-work-why