有沒有辦法在一個方向上縮放圖像？

Question

有沒有辦法在一個方向上進行縮放。通常scale函數在x方向和y方向上均勻縮放畫布，但是如果我想要拍攝折線圖或一組線條，並且在x方向而不是y方向上縮放它們，我該怎麼做？ ？

這裏最好的例子，http://www.giffits.de/logoplacer/lpl.php?cv=1760&mandantid=0&il=55744_1,55744_2&itemCode=55744&itemname=Carina&t=1469093996653

Answer 1

它應該是比較容易的，但你可以這樣做：

• 保存Y比例爲值;
• 更新時更新y尺度;
• 返回ctx.scale(x, y)的y比例。

如果y參數未在ctx.scale(x, y)中定義，則y標度將設置爲0。所以這是你能做的最低限度的事情。

---

var scaleY = 1; 

/* change the x scale only */ 
ctx.scale(1, scaleY); 

/* change both coordinates scale */ 
scaleY = 3; 
ctx.scale(2, scaleY);