...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas'); ctx.save(); ctx.setFillStyle('red'); ctx.fillRect(20, 20, 250, 80); ctx.restore(); ctx.fillRect(60, 60, 155, 130); ctx.draw(); ``` 顯示效果如下圖所示： ...
http://www.o2fo.com/aliminiapp/aliminiapp-83jd3bvg.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.strokeRect(200, 20, 180, 150) ctx.rotate(30 * Math.PI / 180) ctx.strokeRect(200, 20, 180, 150) ctx.rotate(30 * Math.PI / 180) ctx.strokeRect(200, 20, 180, 150)...
http://www.o2fo.com/aliminiapp/aliminiapp-f59h3bvh.html...5353462162097ed527e6bd21f3de5f6.gif) ### 接口調(diào)用 #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') // save the default fill style ctx.save() ctx.setFillStyle('red') ctx.fillRect(10, 10, 150, 100) // restore to the previous saved state ctx.restore() ctx.fillRect(...
http://www.o2fo.com/aliminiapp/aliminiapp-rphs3bvi.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas'); 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() ctx.draw() ``` #### 入?yún)?..
http://www.o2fo.com/aliminiapp/aliminiapp-6oil3bvj.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript const ctx = my.createCanvasContext('canvas') ctx.setFillStyle('blue') ctx.fillRect(50, 50, 100, 175) ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas')； ctx.setFontSize(14) ctx.fillText('14', 20, 20) ctx.setFontSize(22) ctx.fillText('22', 40, 40) ctx.setFontSize(30) ctx.fillText('30', 60, 60) ctx.setFontSize(38)...
http://www.o2fo.com/aliminiapp/aliminiapp-b9h83bvl.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.setFillStyle('yellow') ctx.fillRect(10, 10, 150, 100) ctx.setGlobalAlpha(0.2) ctx.setFillStyle('blue') ctx.fillRect(50, 50, 150, 100) ctx.setFillStyle('red') c...
http://www.o2fo.com/aliminiapp/aliminiapp-b5lw3bvm.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript // .js const ctx = my.createCanvasContext('canvas') ctx.setLineDash([10, 20], 5) ctx.beginPath() ctx.moveTo(0,100) ctx.lineTo(400, 100) ctx.stroke() ctx.draw() ``` 顯示效果如下：  # 接口調(diào)用 ## 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(100, 50) ctx.lineTo(10, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('bevel') ctx.setLineWidth(10) ctx.moveTo(50,...
http://www.o2fo.com/aliminiapp/aliminiapp-k7gf3bvp.html...ls/public/files/ea2ea88ec4b4825dfe5b5df32848f84e.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(150, 10) ctx.stroke() ctx.beginPath() ctx.setLineWidth(5) ctx.moveTo(10, 30) ctx.lineTo(150, 30) ctx.stroke() ctx.beg...
http://www.o2fo.com/aliminiapp/aliminiapp-f2ow3bvq.html抱歉，暫時(shí)沒有相關(guān)的微課
w3cschool 建議您：
抱歉，暫時(shí)沒有相關(guān)的視頻課程
w3cschool 建議您：
抱歉，暫時(shí)沒有相關(guān)的教程
w3cschool 建議您：
...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas'); ctx.save(); ctx.setFillStyle('red'); ctx.fillRect(20, 20, 250, 80); ctx.restore(); ctx.fillRect(60, 60, 155, 130); ctx.draw(); ``` 顯示效果如下圖所示： ...
http://www.o2fo.com/aliminiapp/aliminiapp-83jd3bvg.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.strokeRect(200, 20, 180, 150) ctx.rotate(30 * Math.PI / 180) ctx.strokeRect(200, 20, 180, 150) ctx.rotate(30 * Math.PI / 180) ctx.strokeRect(200, 20, 180, 150)...
http://www.o2fo.com/aliminiapp/aliminiapp-f59h3bvh.html...5353462162097ed527e6bd21f3de5f6.gif) ### 接口調(diào)用 #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') // save the default fill style ctx.save() ctx.setFillStyle('red') ctx.fillRect(10, 10, 150, 100) // restore to the previous saved state ctx.restore() ctx.fillRect(...
http://www.o2fo.com/aliminiapp/aliminiapp-rphs3bvi.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas'); 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() ctx.draw() ``` #### 入?yún)?..
http://www.o2fo.com/aliminiapp/aliminiapp-6oil3bvj.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript const ctx = my.createCanvasContext('canvas') ctx.setFillStyle('blue') ctx.fillRect(50, 50, 100, 175) ctx.draw() ``` 顯示效果如下圖所示：  #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas')； ctx.setFontSize(14) ctx.fillText('14', 20, 20) ctx.setFontSize(22) ctx.fillText('22', 40, 40) ctx.setFontSize(30) ctx.fillText('30', 60, 60) ctx.setFontSize(38)...
http://www.o2fo.com/aliminiapp/aliminiapp-b9h83bvl.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.setFillStyle('yellow') ctx.fillRect(10, 10, 150, 100) ctx.setGlobalAlpha(0.2) ctx.setFillStyle('blue') ctx.fillRect(50, 50, 150, 100) ctx.setFillStyle('red') c...
http://www.o2fo.com/aliminiapp/aliminiapp-b5lw3bvm.html...ls/public/files/b5353462162097ed527e6bd21f3de5f6.gif) #### 示例代碼 ```javascript // .js const ctx = my.createCanvasContext('canvas') ctx.setLineDash([10, 20], 5) ctx.beginPath() ctx.moveTo(0,100) ctx.lineTo(400, 100) ctx.stroke() ctx.draw() ``` 顯示效果如下：  # 接口調(diào)用 ## 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(100, 50) ctx.lineTo(10, 90) ctx.stroke() ctx.beginPath() ctx.setLineJoin('bevel') ctx.setLineWidth(10) ctx.moveTo(50,...
http://www.o2fo.com/aliminiapp/aliminiapp-k7gf3bvp.html...ls/public/files/ea2ea88ec4b4825dfe5b5df32848f84e.gif) #### 示例代碼 ```javascript //.js const ctx = my.createCanvasContext('canvas') ctx.beginPath() ctx.moveTo(10, 10) ctx.lineTo(150, 10) ctx.stroke() ctx.beginPath() ctx.setLineWidth(5) ctx.moveTo(10, 30) ctx.lineTo(150, 30) ctx.stroke() ctx.beg...
http://www.o2fo.com/aliminiapp/aliminiapp-f2ow3bvq.html抱歉，暫時(shí)沒有相關(guān)的文章
w3cschool 建議您：
免費(fèi)AI編程助手
