游戏开始界面 游戏开始 共有两条蛇，吃到红色食物加1分，吃到绿色毒食物减1分，知道0不减； 碰到墙壁游戏结束，碰到对方游戏结束，碰到自己游戏结束 此游戏通过Canvas画布布局，通过C 代码实现 游戏主界面大小为1200 1000 全局声明： 加载事件： 开启游戏按钮 暂停按钮 创建食物方法： 游戏 ...
1．线团图案 设立坐标计算公式为： X=R1*COS(3α)+R2*COS(14α)） Y=R1*SIN(3α)+R2 *SIN(14α)） 再用循环依次取α值为0~2π（每次增量为0.01），计算出X和Y,在canvas画布中将坐标点（X,Y）用线连起来，可绘制出一个封闭曲线图形，可得到一个线团图 ...
分类：
编程语言 时间：
2019-12-20 18:57:59
阅读次数：
121
设有坐标计算公式如下： X=L*(1+SIN(4α))*COS(α) Y=L*(1+SIN(4α))*SIN(α) 用循环依次取α值为0~2π，计算出X和Y,在canvas画布中对坐标位置（X,Y）描点，可绘制出一个曲线图形。编写HTML文件内容如下： <!DOCTYPE html> <head> ...
分类：
编程语言 时间：
2019-12-19 09:17:40
阅读次数：
180
1．简单纺织物图案 先在HTML页面中设置一个画布。 <canvas id="myCanvas" width="360" height="240"> </canvas> 再在定义的这块360*240的canvas（画布）上面用二重循环绘制纺织物图案。 绘制图案的基本思想是：将画布分成6行8列的子块， ...
分类：
编程语言 时间：
2019-12-18 19:02:47
阅读次数：
71
canvas是写在body中的标签，设置宽高后，通过JS来往其中绘制想要的内容， canvas可以理解为一个画板，而JS就是你的画笔、 1.获取到画布 var canvas = document.getElementById("canvas"); 2.getContext() 方法可返回一个对象，该 ...
分类：
其他好文 时间：
2019-12-15 00:39:30
阅读次数：
82
###在canvas中的像素操作 到目前为止，我们尚未深入了解Canvas画布真实像素的原理，事实上， 你可以直接通过ImageData对象操纵像素数据，直接读取或将数据数组写入该对象中 ###得到场景像素数据 getImageData():获得一个包含画布场景像素数据的ImageData对像,它代 ...
分类：
其他好文 时间：
2019-11-10 17:46:44
阅读次数：
111
1、在知道canvas画布尺寸的情况下，需要将地理经纬度信息转换为canvas画布x，y坐标，因为中国地图地理经纬度坐标取值范围为73.33-135.05（经度）37-50（维度），所以第一步需要确认的就是画布的中心位置，这里命名为centerX和centerY，同样的确认中国地图经纬度对应的中心位... ...
分类：
其他好文 时间：
2019-10-29 23:18:56
阅读次数：
166
本文介绍使用Canvas画布控件绘制: 1. 画线 1. 矩形 1. 空心圆 1. 实心圆 1. 画图片 1. 绘制文本 正文开始: 新建默认项目 新建page 拖一个 控件,设置 X = 0, Y = 0, Width = 480, Height = 272, 剩下的就交给js代码逻辑进行实现 绘 ...
分类：
其他好文 时间：
2019-10-23 09:53:41
阅读次数：
94
我们知道，清空canvas画布内容有以下两个方法。 第一种方法是cearRect函数： 第二种方法就是用原值重新设置一下canvas的宽（或者高） 第二种方法可以起作用，是因为canvas的一个特点: 每当画布的高度或宽度被重设时，画布内容就会被清空。相关内容可以参考 "https://www.w3 ...
分类：
其他好文 时间：
2019-10-13 18:56:00
阅读次数：
91
Turtle库是Python语言中一个很流行的绘制图像的函数库，想象一个小乌龟，在一个横轴为x、纵轴为y的坐标系原点，(0,0)位置开始，它根据一组函数指令的控制，在这个平面坐标系中移动，从而在它爬行的路径上绘制了图形。 turtle绘图的基础知识： 1. 画布(canvas) 画布就是turtle ...
分类：
编程语言 时间：
2019-10-11 12:25:11
阅读次数：
656
