canvas-animator
v0.2.5
Published
Several simple classes for building canvas animation.
Readme
Canvas Animator
没有其他依赖的 canvas 动画库
(兼容到 IE9)
Demos
https://lingxi.github.io/canvas-animator/
Get Started
安装
npm i canvas-animator --save画一个五角星
import animator from 'canvas-animator'
// 获取 canvas 元素
const canvas = document.getElementById('js-canvas')
// 获取 CanvasRenderingContext2D
const context = canvas.getContext('2d')
// 在 canvas的中央 创建一个 最大半径为75 最小半径为25 5个角 颜色为#ff7f00 的星
const star = new animator.shapes.Star(
context,
canvas.width / 2, canvas.height / 2,
75, 25, 5,
'#ff7f00', 0
)
// 创建动画播放器并播放
const myAnimator = new animator.Animator(star)
myAnimator.play()
