canvas+jq实现贪吃蛇（键盘方向键 ↑↓→← 分别操作方向），实现分数统计，难度调整，死亡判定，canvas初学者练手demo

微信小程序版本的echarts 常用的柱状图和折线图。上传备用，防止官网下载失败

最近做了一个项目，这个项目中需要实现的一个功能是：用户自定义头像（用户在本地选择一张图片，在本地将图片裁剪成满足系统要求尺寸的大小）。这个功能的需求是：头像最初剪切为一个正方形。如果选择的图片小于规定的头像要求尺寸，那么这整张图片都会作为头像。如果大于规定的尺寸，那么用户可以选择要裁剪的区域。用户点击确定按钮，就将裁剪得到的图片数据发送到服务器，在后端将图片数据保存成一个文件。 要完成上述功能，涉及到的知识有：ajax，canvas和html5中的files接口。我将实现这个功能的代码封装到了4个模块中，分别是ajax.js，preview.js，shear.js和customerImg.js

这是一个微信小程序项目源码，是下五子棋的单机游戏，适合新手入门参考学习。 相关指导教程请看作者发表的文章https://blog.csdn.net/zs1028/article/details/123255998

效果展示   准备工作 1.canvas的使用 主要用到了 bindtouchstart ， bindtouchmove 两个属性，捕捉手指移动的同时，将移动前的坐标和移动后的坐标用canvas的画图api绘制出来 2.wx.createCanvasContext 这个api用于创建并获取指定canvas对象 代码说明 在wxml中声明一个canvas 指定canvas-id和触摸开始和移动函数 <canvas canvas-id=firstCanvas id='firstCanvas' bindtouchstart=bindtouchstart bindtouchmove=bin

微信小程序签字板，实现在微信小程序签字并保存签字图片

这是一款效果非常逼真的html5 canvas 3d动画场景效果。3d动画场景中的canvas使用javascript动态生成，并使用css3对动画场景进行渲染。这个3d动画场景可以在场景的内部和顶部进行动画切换。

Android 扇形统计图 先看看效果： 看上去如果觉得还行就继续往下看吧！ 自定义View 定义成员变量 private int mHeight, mWidth;//宽高 private Paint mPaint;//扇形的画笔 private Paint mTextPaint;//画文字的画笔 private int centerX, centerY;//中心坐标 //其他的value //扇形图分成太多快 所以要合并一部分为其他 即图中灰色部分 private double rest; private int maxNum = 5;//扇形图的最

这是一款利用HTML5 Canvas来模拟三角函数sin图像生成原理，非常直观。随着左侧圆形转动对应的绘制出三角函数sina的正玄函数曲线图像。

WebGL文字 将文字写到WebGL画布上 :fire: 安装 使用安装： npm install webgl-text 例 该示例使用 ，但是此库可与任何webgl canvas一起使用。 import React , { Component } from 'react' ; import { autobind } from 'core-decorators' ; import WebGLCanvas from 'webgl-canvas' ; import WebGLText from 'webgl-text' ; import provideDimensions from 'provide-d