Canvas 应用 互动版

Canvas动画教程-画小丑
介绍 Kinetic基本结构 绘制界面 页面加载进行绘图 绘制小丑左右眼 绘制小丑鼻子和嘴巴 左右眼动画 鼻子和嘴巴动画
时钟效果
简介 绘制时钟圆形外框 绘制小时刻度 绘制分钟刻度 获取当前时间的数值 绘制时针 绘制分针 绘制秒针 最终效果展示
图像缩放和裁剪
简介 界面布局和元素 实现图像大小调整 实现图像移动 实现图像裁剪
Canvas简单实用的图表 - Chart.js
简介 使用方法 创建图表 绑定数据 小结
  1. 全部教程
  2. Canvas 应用
  3. Canvas 应用
  4. Kinetic基本结构

基本结构

KineticJS首先是要绑定到HTML页面上的一个DOM容器元素上，比如最常用的< div >标签。浏览器最终显示的就是这些用户层的叠加效果。