UNPKG

@fetaoily/fabricjs-extra

Version:
1 lines 2.68 kB
{"remainingRequest":"C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service-global\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\npmjs\\workspace\\fabricjs-extra\\examples\\index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\npmjs\\workspace\\fabricjs-extra\\examples\\index.vue","mtime":1541581759718},{"path":"C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service-global\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service-global\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service-global\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1539592753907},{"path":"C:\\Users\\Administrator\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service-global\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.fabricjs-extra-examples {\n width: 100vw;\n height: 100vh;\n}\n\n.fabricjs-extra-examples-canvas {\n width: 100vw;\n height: 100vh;\n}\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":".","sourcesContent":["<template>\r\n <div class=\"fabricjs-extra-examples\">\r\n <canvas class=\"fabricjs-extra-examples-canvas\" id=\"c\"></canvas>\r\n </div>\r\n</template>\r\n<script>\r\n import { fabric } from 'fabric';\r\n import '../index';\r\n import './index.css';\r\n\r\n window.fabric = window.fabric || fabric;\r\n export default {\r\n data () {\r\n return {\r\n msg: 'Examples',\r\n canvas: null\r\n }\r\n },\r\n mounted () {\r\n this.initFabricCanvas()\r\n },\r\n methods: {\r\n initFabricCanvas () {\r\n let width = window.innerWidth;\r\n let height = window.innerHeight;\r\n this.canvas = new fabric.Canvas('c', {\r\n width, height\r\n }\r\n );\r\n let rect = new fabric.Rect({\r\n top: 100,\r\n left: 100,\r\n width: 60, height: 70,\r\n fill: 'red'\r\n });\r\n this.canvas.add(rect);\r\n }\r\n }\r\n }\r\n</script>\r\n<style>\r\n .fabricjs-extra-examples {\r\n width: 100vw;\r\n height: 100vh;\r\n }\r\n\r\n .fabricjs-extra-examples-canvas {\r\n width: 100vw;\r\n height: 100vh;\r\n }\r\n</style>\r\n"]}]}