700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 使用canvas绘制楼梯(canvas直线绘制练习)

使用canvas绘制楼梯(canvas直线绘制练习)

时间:2018-12-08 06:57:52

相关推荐

使用canvas绘制楼梯(canvas直线绘制练习)

独角兽企业重金招聘Python工程师标准>>>

<!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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。