canvas基础3 - 点阵式数据结构

canvas基础3 - 点阵式数据结构

本文是canvas基础2 - arc - 画弧线,通俗易懂,小白也没烦恼,根据慕课网liuyubobobo老师的视频课学习整理
视频课指路:慕课网 liuyubobobo老师 炫丽的倒计时效果Canvas绘图与动画基础

1. 结构

  • 1代表实心
  • 0代表空心

canvas基础3 - 点阵式数据结构_第1张图片

2、圆心位置

canvas基础3 - 点阵式数据结构_第2张图片

3、对屏幕画布进行刷新

context.clearRect(0, 0, WINDOW_WIDTH, WINDOW_HEIGHT)

4、canvas小球物理实验


    当前浏览器不支持canvas,请更换浏览器后再试

总结

本文为canvas第三节,之后会持续更新,大家感觉还实用的话,关注或者点个赞都可以,谢谢啦

你可能感兴趣的:(canvas基础3 - 点阵式数据结构)