今天就利用 画布来绘制一下地球轨道的效果。
?
图1.1 效果图
二.基础知识介绍
canvas只有height高度和width宽度两个属性。...globalCompositeOperation 属性设置或返回如何将一个源(新的)图像绘制到目标(已有)的图像上。...(源图像 = 您打算放置到画布上的绘图:目标图像 = 您已经放置在画布上的绘图)
function draw() {
//调用画笔...ctx.globalCompositeOperation = 'destination-over';
ctx.clearRect(0,0,300,300...关联在一起
ctx.translate(105,0);
ctx.fillRect(0,-12,50,24);
ctx.drawImage(earth,-12,-12);//把地球图形,添加到画布上