随笔分类 -  canvas

canvas - 使用getImageData()方法获取canvas的每一个像素点的rgba值。以及如何提取该像素点的rgba值。
摘要：1.canvas宽度高度与像素点的关系 canvas的画布是一个矩形，它的宽度 * 高度就是它的像素点数。它是下面这样的栅格： x轴左边是0，y轴上面是0。它的宽度表示它x轴有多少列像素点；它的高度表示它y轴有多少行像素点。所以canvas画布的宽度乘以高度就是这个canvas画布所有的像素点个数。 阅读全文
posted @ 2022-07-01 16:30 俄罗斯方块 阅读(2284) 评论(0) 推荐(1)
用canvas绘制一个太极图案
摘要：结果如图： 代码： <!DOCTYPE html> <html> <head> <title>Canvas tutorial</title> </head> <body onload="draw();"> <canvas id="c" width="150" height="150"></canva 阅读全文
posted @ 2022-06-30 15:32 俄罗斯方块 阅读(62) 评论(0) 推荐(0)