weixin_43978604的博客

使用 konvas.js 完成 canvas 写字效果图思路使用Konva.js 库 详细文档Konva.jsstage 由 米字格 layer 和 字的 layer 构成整体 字 的构成 由 线段 > 笔划 > 字每个笔划 保存成 数组 历史记录使用api 有 Konva.Stage() Konva.Layer() konva.Group(...

实现饼图 柱状图 嵌套柱状图效果图知识点canvs 文本 线 圆 弧度 矩形 绘制 填充js 部分 原型 组合 继承 实现思路MyChart 原型 用于 被继承 , 原型上有以下方法 extend 属性继承 drawGrid 绘制网格 ，drawCoordinate >>坐标系 randomColor 随机颜色 drawDescriptio...

学习并使用 Konva.js 库效果图思路用konva.js 库 绘制 canvas界面 及手势条线鼠标滑动事件中 对比并记录 手势经过的点模拟 对比 手手势密码 重置界面js` // 手势密码 鼠标坐标 宽高var password = [] , mouse={} , width = height = 800var stage = new Konva.St...

原创意来自 慕课网 liuyubobobo 教程是免费的本人参考此教程 用 konva.js 库 实现 canvas 动画效果效果图思路可参考 原创意来自 慕课网 liuyubobobo 数字点阵文件 可下载教程里的 digit.js这里展示第 一种 效果 另外的现个效果 只要改变 小球 相应时段的 x y 速度 就可以实现 更多创意效果可自行实现<s...

使用Konva.js 库 实现效果图思路在 2 PI 周期内 x y 分别做 一定振幅 的正弦 余弦 波形运动 坐标点的轨迹形成的就是 半径为振幅 的 圆 利用这个特性 来绘制粒子 圆周运动效果鼠标移动事件 记录 移动前后的坐标 用绘制线条来连接粒子做圆周运动的 半径就是 振幅 通过动态改变 振幅 可形成 意想不到的效果渐变的效果 需要用到 不清除画布 用rgba...