微信小程序中調(diào)用scale方法,小程序?qū)M縱坐標(biāo)進(jìn)行縮放
2017-12-22
導(dǎo)讀:繪圖接口和方法 canvasContext.scale 定義 在調(diào)用 scale 方法后,之后創(chuàng)建的路徑其橫縱坐標(biāo)會(huì)被縮放。多次調(diào)用 scale ,倍數(shù)會(huì)相乘。 參數(shù) 參數(shù) 類型 說(shuō)明 scaleWidth Number 橫坐標(biāo)縮放的倍數(shù)...
canvasContext.scale
定義
在調(diào)用scale
方法后,之后創(chuàng)建的路徑其橫縱坐標(biāo)會(huì)被縮放。多次調(diào)用scale
,倍數(shù)會(huì)相乘。
參數(shù)
參數(shù) | 類型 | 說(shuō)明 |
---|---|---|
scaleWidth | Number | 橫坐標(biāo)縮放的倍數(shù) (1 = 100%,0.5 = 50%,2 = 200%) |
scaleHeight | Number | 縱坐標(biāo)軸縮放的倍數(shù) (1 = 100%,0.5 = 50%,2 = 200%) |
例子
const ctx = wx.createCanvasContext('myCanvas')
ctx.strokeRect(10, 10, 25, 15)
ctx.scale(2, 2)
ctx.strokeRect(10, 10, 25, 15)
ctx.scale(2, 2)
ctx.strokeRect(10, 10, 25, 15)
ctx.draw()
更多微信小程序開發(fā)教程,可以關(guān)注hi小程序。
第二部分:如何開通一個(gè)小商店