vue-narrow-band-image v0.1.4

vue-narrow-band-image

Overview

This is Vue's component for displaying images little by little.

Setup

npm i vue-narrow-band-image

How to use

Import this component and css in your .vue component.

import VueNarrowBandImage from 'vue-narrow-band-image';
import 'vue-narrow-band-image/dist/vue-narrow-band-image.css';

export default {
  components: {
    VueNarrowBandImage
  }
}

Set vue-narrow-band-image tag in your template

<template>
  <div id="app">
    <h1>Vue-Narrow-Band-Image-Test</h1>
    <vue-narrow-band-image src="sample.png" :interval=100/>
  </div>
</template>

Attributes

source(required): image file path.

interval: interval to draw image.(milliseconds)

Preview