Skip to content

Repository files navigation

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()

快速开始

canvas-animator-starter

更多

Releases

Packages

Used by

Contributors

Languages