鍍金池/ 問答/HTML/ 改變svg的path值，達到圖形拉伸的目的

改變svg的path值，達到圖形拉伸的目的

現(xiàn)在有一套svg的數(shù)據(jù)，生成了一個圖形。
但是需求是把這圖形變高點。整個比例都變了，不是簡單的放大縮小，是拉伸。
比如我之前是個正方形，經(jīng)過拉伸后這個圖片變?yōu)殚L方形了。有實現(xiàn)辦法么？

clipboard.png

回答
編輯回答
編輯回答
尛憇藌

svg 有一個 viewBox 屬性，隨便你想怎么變。

https://www.sarasoueidan.com/...

這里面有個鳥的在線例子。

2018年9月15日 13:33
編輯回答
不討喜

正方形，可以使用rect，改變其x y width height 來修改形狀。
path,只有修改屬性d來改變其位置和形狀。

關(guān)鍵也是最麻煩的地方，就是找到其坐標。svg就這樣，很麻煩。

2018年3月29日 11:43