这是一个微信小程序项目源码，是下五子棋的单机游戏，适合新手入门参考学习。 相关指导教程请看作者发表的文章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

HTML5 canvas哆啦A梦机器猫图形代码是利用HTML5 canvas技术绘制的机器猫。

一款基于html5 canvas画布制作的鼠标点击拖动粒子动画特效，点击或拖动网页才会出现粒子动画效果。

html5 canvas饼图统计图表效果，配合jquery实现的，鼠标悬停于图上时会动态突出显示的饼形图。圆饼图和右侧的列表数据是对应的，用鼠标点击右侧的选项，左侧饼形图的对应部分会向外突出显示，这样便于清楚的看出所选择数据的比重，在百度统计中，会看到类似的效果。