/drawGIF

a tool generate GIF by drawing with canvas

Primary LanguageJavaScript

drawGIF

a tool generate GIF by drawing with canvas
GIF动图生成工具

工具在线体验链接

https://forrestyuan.github.io/drawGIF/

如何使用

  1. 进入工具会提示选择绘制动图模式有两种:'多页面成画' : '一次成画' 😀一次成画:指一个画布上连续绘制,每一笔绘制的过程都会录制动图。
    😀多页面成画是:指每次绘制完一个页面需要切换下一个页面绘制下一帧,不会记录笔画。
  2. 页面左侧“动图列表展示每一帧动图”只有选择了多页面,才会展示。
  3. 多页面成画模式下,要将画布上绘制的内容添加到动图列表,然后点击生成,才会生成动图,并在页面下方展示。
  4. 在一次成画模式下,直接在画布上绘制,画完后,直接点击生成GIF按钮。
  5. 其他用法可以通过使用过程中,自行摸索,例如画笔大小,上传图片,画笔颜色等。

目前具备能力

  • 可以选择多页面成画一次成画模式
  • 一次成画模式下能够记录用户在画布上绘制的所有笔画
  • 多页面成画 模式下可以将笔画添加到动画列表中,并生成GIF动画
  • 可以下载生成的GIF文件
  • 可以调整画笔大小和颜色
  • 可以上传图片作为动图元素