❤
npm
Sign UpSign In

vue-canvas-effect

0.0.12 • Public • Published

vue-canvas-effect

A simple, canvas effect collection for Vue.js

Build Status LICENSE MIT

🌾 online demo | 📘 中文文档

Browser support

IE
IE		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari		 iOS Safari
iOS		 Chrome for Android
Android
IE9+ ✓ ✓ ✓ ✓ ✓

Installation

NPM

npm install vue-canvas-effect --save

Usage

ES6

On demand(Recommend ways)

First, install babel-plugin-import

npm install babel-plugin-import --save-dev

Then edit .babelrc

// .babelrc
{
  "plugins": [["import", {
    "libraryName": "vue-canvas-effect",
    "libraryDirectory": "src/components"
  }]]
}

Next, if you need neon, edit main.js

import Vue from 'vue'
import { neon} from 'vue-canvas-effect';
Vue.component(neon.name, neon);
`or`
Vue.component('customName', neon);
new Vue({
  el: '#app',
  render: h => h(App)
})

Fully import(no recommend ways)

import Vue from 'vue'
import vueCanvas from 'vue-canvas-effect';
Vue.use(vueCanvas)
new Vue({
  el: '#app',
  render: h => h(App)
})

normal use (script tag)

<html>
<head>
  ...
</head>
<body>
   <div id="app">
        <neon-effect></neon-effect>
   </div>
   <script src="https://cdn.bootcss.com/vue/2.5.9/vue.js"></script> 
   <script src="../dist/neon.min.js"></script> 
   <script>
      new Vue({
           el: '#app'
        })
   </script> 
</body>
</html>

Component List

Changelog

See the GitHub release history.

Contribution

Welcome to give some Suggestions and optimizations, and look forward to your Pull Request.

TKS

circleMagic

License

vue-seamless-scroll is open source and released under the MIT License.

Readme

Keywords

Package Sidebar

Install

npm i vue-canvas-effect

Repository

github.com/chenxuan0000/vue-canvas-effect

Homepage

github.com/chenxuan0000/vue-canvas-effect#readme

Weekly Downloads

12

Version

0.0.12

License

ISC

Last publish

Collaborators

  • chenxuan0316
Try on RunKit
Report malware