使用canvas绘制楼梯（canvas直线绘制练习）
生活随笔
收集整理的這篇文章主要介紹了
使用canvas绘制楼梯（canvas直线绘制练习）
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>樓梯</title><style>canvas{/*border:1px solid red;*/}</style><script>window.onload = function(){var canvas = document.getElementById('canvas');var context = canvas.getContext('2d');// 開始繪制樓梯，直線繪制context.beginPath();context.moveTo(0,0);context.lineTo(100,0);context.lineTo(100,100);context.lineTo(200,100);context.lineTo(200,200);context.lineTo(300,200);context.lineTo(300,300);context.lineTo(400,300);context.lineTo(400,400);context.closePath();context.strokeStyle = 'pink';context.fillStyle = 'skyblue';context.lineWidth = 3;context.stroke();// context.fill();}</script> </head> <body><canvas id="canvas" width="400px" height="400px"></canvas> </body> </html>?
轉(zhuǎn)載于:https://my.oschina.net/u/3759656/blog/2247229
總結(jié)
以上是生活随笔為你收集整理的使用canvas绘制楼梯（canvas直线绘制练习）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Redis 未授权访问漏洞
- 下一篇： 自动化运维之 安装部署 Ansible