- 博客(2)
- 收藏
- 关注
RSS订阅原创 Canvas案例 太阳-地球-月亮
<html><head><title>Canvas</title><script>var sun = new Image();var moon = new Image();var earth = new Image();function init(){ sun.src = 'https://mdn.mozillademos.org/files/1456/Canvas_sun.png'; moon.src = 'https://
2020-06-21 16:49:11
444
原创 canvas
Canvas 学习栅格首先我们要先了解下栅格，因为canvas的坐标和数学的坐标不同，改下我们惯性的坐标，这样才可以设计出正确的图案。在我们开始画图之前，我们需要了解一下画布栅格（canvas grid）以及坐标空间。如图1-1所示，canvas元素默认被网格所覆盖。通常来说网格中的一个单元相当于canvas元素中的一像素。栅格的起点为左上角（坐标为（0,0））。所有元素的位置都相对于原点定位。所以图中蓝色方形左上角的坐标为距离左边（X轴）x像素，距离上边（Y轴）y像素（坐标为（x,y））。canv
2020-06-13 12:08:36
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人