Drawing Complex Graphics Using Vue And Canvas – vue-konva

Description:

Vue Konva is a JavaScript library for drawing complex canvas graphics using Vue 2+.

Usage:

Install and import the vue-konva into your project.

import Vue from 'vue';
import VueKonva from 'vue-konva'

Create a new app.

Vue.use(VueKonva)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: function(h){ return h(App)}
})

The example app.

<template>
  <div id="app">
    <Stars />
  </div>
</template>

<script>
import Stars from "./components/Stars";
export default {
  name: "app",
  components: {
    Stars
  }
};
</script>

Preview:

vue-konva

Download Details:

Author: rafaesc

Live Demo: http://rafaelescala.com/vue-konva/

Download Link: https://github.com/rafaesc/vue-konva/archive/master.zip

Official Website: https://github.com/rafaesc/vue-konva

Last Update: November 16, 2017

Views Total: 1,020

Install:

npm install vue-konva konva --save

You Might Be Interested In:

Tags:

Add Comment