vue-slider-gif-maker v1.0.0

vue-slider-gif-maker

基于gif和vue-slider-component二次封装的拖拽截图生成gif的vue组件

Todo

• 拖拽截图
• 生成gif
• 手动拖动选择画面截取
• 选择范围后自动截取
• 继承vue-slider-component入参
• 支持gif帧率入参

Run example

npm i

npm run dev

Use it

由于组件需要依赖放置于静态资源目录下的worker文件。安装后将会自动收到copy文件到本地静态资源目录的提示。

或者也可手动获取本repositorie中asset目录下的gif.worker.js文件，并放置在本地项目的静态资源目录下。

为什么需要有一个worker文件，点击这里了解更多

npm install vue-slider-gif-maker --save

// 按照提示输入本地应用的静态资源目录，请以提示的路径为为基础。 What`s your static asset dir(Current dir is "/current")? Please base on current dir!:public

"gif.worker.js" had copied to " /current/public"

```html
<template>
  <div>
    <vue-slider-gif-maker maker-type="drop" href=""></vue-slider>
  </div>
</template>
<script>
import vueSliderGifMaker from 'vue-slider-gif-maker'

自动截取生成GIF

最终输出结果

Props

Methods