canvas 飞行射击游戏

效果 代码 let canvas = document.getElementById("canvas"); let context = canvas.getContext("2d"); // 图片 let img = new Image(); img.src = "http://bpic.588ku.com/original_pic/18/12/19/c973272ee67a75002b71584247f4d694.jpg"; // 飞机类 class Plane{ x = 200; y = 330; xSize = 50

Read more

canvas 拼图

效果 代码 <!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <title>拼图</title> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> </head> <body> <canvas id="canvas" wi

Read more

canvas 贪吃蛇

效果如下 代码 <!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <title>贪吃蛇</title> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> </head> <body> <canvas id="canvas"

Read more

canvas 弹球

效果 代码 <!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <title>弹球</title> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> </head> <body> <canvas id="canvas" wi

Read more

Canvas

介绍 SVG是构建XML树的方式来达到绘制图形的,canvas是通过调用相关的方法来绘制图形的。 区别:SVG绘制图形,通过移除或者更改DOM方式来而使用canvas需要把图片从新擦除。 绘制的API在绘制上下文中定义。而不在画布中定义。 需要获得上下文对象的时候,需要调用画布的getContext方法,获得绘画的上下文。 画布元素和上下文,属于两个不同的对象,其中画布元素为canvas画布,而上下文对象为绘制需要的上下文。 关于3D图形,即,webGL 为封装了基本的OPENGL,当调用webGL的时候,其浏览器会调用OpenGL相关的API 绘制圆 <!DOCTYPE html> <

Read more

Page 1 of 1