互動式拖拉了解 svg 單位邏輯

<svg> 的單位邏輯和一般 <img> 不太一樣,調整數值常和所認知的行為不同,而陷入一堆問號,這裡有互動的拖拉 bar 可以清楚了解什麼是 x, y, width, height, viewbox

SVG act very differently than normal images. Instead of thinking of <svg> s as images, let’s change our mindset:

The <svg> element is a telescope into another world .

相關資源

https://wattenberger.com/guide/scaling-svg

1 Like