python绘制国际象棋棋盘、每个格子边长40像素_绘制国际象棋棋盘

这篇博客介绍了如何利用canvas在HTML中绘制一个40像素边长的国际象棋棋盘。通过设置fillStyle和strokeStyle来定义颜色,使用fillRect和strokeRect函数交替绘制黑色和白色格子,最后呈现了一个清晰的棋盘图案。
摘要由CSDN通过智能技术生成

绘制方块:

canvastest

canvas

//添加canvas标记,id相当于起名

var canv = document.getElementById("canvas");//通过getElementById获取画布对象canv

var ctx = canv.getContext("2d");//画布设置为2D,对象ctx就是我们的画布

ctx.fillStyle = "red";//定义填充颜色

ctx.fillRect(50,50,100,100);//绘制方块函数,参数分别表示左上角点屏幕xy坐标,以及方块的大小为100像素*100像素

3ef82e52aa1e?utm_campaign=maleskine

image.png

绘制方框

ctx.strokeStyle = "Green";//设定线条颜色

ctx.lineWidth = 5;//设定线条宽

ctx.strokeRect(25,50,50,100);//绘制方框函数

3ef82e52aa1e?utm_campaign=maleskine

image.png

绘制棋盘

var canv = document.get

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值