my.createCanvasContext
Create canvas context This canvas context works on the <canvas/>
of the corresponding canvasId
only.
Parameters
Property | Type | Description |
canvasId | String | ID defined on the <canvas/> . |
Return Value
CanvasContext
Sample Code
copy
//.js
const ctx = my.createCanvasContext('myCanvas')
const grd = ctx.createLinearGradient(30, 10, 120, 10)
grd.addColorStop(0, 'red')
grd.addColorStop(0.16, 'orange')
grd.addColorStop(0.33, 'yellow')
grd.addColorStop(0.5, 'green')
grd.addColorStop(0.66, 'cyan')
grd.addColorStop(0.83, 'blue')
grd.addColorStop(1, 'purple')
// Fill color
ctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()