Category: Other

Drawing Complex Graphics Using Vue And Canvas – vue-konva

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:

Interactive Tree View For Vue.js 2 – VJstree

An interactive tree structure component for Vue.js 2 app. Usage: Install and import the tree view component. import VJstree from ‘vue-jstree’ Create a new tree view. <v-jstree :data=”data” show-checkbox multiple allow-batch whole-row @item-click=”itemClick”></v-jstree> new Vue({ data: { data: }, { “text”: “custom icon”, “icon”: “fa fa-warning icon-state-warning” }, { “text”: “disabled node”, “icon”: “fa fa-check icon-state-success”, “disabled”: