...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') const grd = ctx.createLinearGradient(10, 10, 150, 10) grd.addColorStop(0, 'yellow') grd.addColorStop(1, 'blue') ctx.setFillStyle(grd) ctx.fillRect(20, 20, 250, 180...
http://m.o2fo.com/aliminiapp/aliminiapp-pjyu3bv3.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.drawImage('https://img.alicdn.com/tfs/TB1GvVMj2BNTKJjy0FdXXcPpVXa-520-280.jpg', 2, 2, 250, 80) ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.setFontSize(42) ctx.fillText('Hello', 30, 30) ctx.fillText('alipay', 200, 200) ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript // .js const ctx = my.createCanvasContext('canvas') ctx.getImageData({ x: 0, y: 0, width: 100, height: 100, success(res) { console.log(res.width) // 100 console.log(res.height) // 100 console.log(res.data instanceo...
http://m.o2fo.com/aliminiapp/aliminiapp-ip1y3bv9.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.moveTo(10, 10) ctx.rect(10, 10, 100, 50) ctx.lineTo(110, 60) ctx.stroke() ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.font = 'italic bold 50px cursive' const { width } = ctx.measureText('hello world') console.log(width) ``` #### 入?yún)?Object 類型，屬性如下： | 屬性 ...
http://m.o2fo.com/aliminiapp/aliminiapp-96ie3bvb.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.moveTo(10, 10) ctx.lineTo(100, 10) ctx.moveTo(10, 50) ctx.lineTo(100, 50) ctx.stroke() ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript // .js const data = new Uint8ClampedArray([255, 0, 0, 1]) const ctx = my.createCanvasContext('canvas') ctx.putImageData({ x: 0, y: 0, width: 1, height: 1, data: data, success(res) {} }) ``` #### 入?yún)?Object 類...
http://m.o2fo.com/aliminiapp/aliminiapp-ok7z3bvd.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.rect(20, 20, 250, 80) ctx.setFillStyle('blue') ctx.fill() ctx.draw() ``` 顯示效果如下圖所示： 的微課
w3cschool 建議您：
抱歉，暫時沒有相關(guān)的視頻課程
w3cschool 建議您：
抱歉，暫時沒有相關(guān)的教程
w3cschool 建議您：
...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') const grd = ctx.createLinearGradient(10, 10, 150, 10) grd.addColorStop(0, 'yellow') grd.addColorStop(1, 'blue') ctx.setFillStyle(grd) ctx.fillRect(20, 20, 250, 180...
http://m.o2fo.com/aliminiapp/aliminiapp-pjyu3bv3.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.drawImage('https://img.alicdn.com/tfs/TB1GvVMj2BNTKJjy0FdXXcPpVXa-520-280.jpg', 2, 2, 250, 80) ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.setFontSize(42) ctx.fillText('Hello', 30, 30) ctx.fillText('alipay', 200, 200) ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript // .js const ctx = my.createCanvasContext('canvas') ctx.getImageData({ x: 0, y: 0, width: 100, height: 100, success(res) { console.log(res.width) // 100 console.log(res.height) // 100 console.log(res.data instanceo...
http://m.o2fo.com/aliminiapp/aliminiapp-ip1y3bv9.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.moveTo(10, 10) ctx.rect(10, 10, 100, 50) ctx.lineTo(110, 60) ctx.stroke() ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.font = 'italic bold 50px cursive' const { width } = ctx.measureText('hello world') console.log(width) ``` #### 入?yún)?Object 類型，屬性如下： | 屬性 ...
http://m.o2fo.com/aliminiapp/aliminiapp-96ie3bvb.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.moveTo(10, 10) ctx.lineTo(100, 10) ctx.moveTo(10, 50) ctx.lineTo(100, 50) ctx.stroke() ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript // .js const data = new Uint8ClampedArray([255, 0, 0, 1]) const ctx = my.createCanvasContext('canvas') ctx.putImageData({ x: 0, y: 0, width: 1, height: 1, data: data, success(res) {} }) ``` #### 入?yún)?Object 類...
http://m.o2fo.com/aliminiapp/aliminiapp-ok7z3bvd.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.rect(20, 20, 250, 80) ctx.setFillStyle('blue') ctx.fill() ctx.draw() ``` 顯示效果如下圖所示： 的文章
w3cschool 建議您：
免費AI編程助手
