当前位置: 首页 > 工具软件 > ZRender > 使用案例 >

Vue Zrender 应用一

巫马泓
2023-12-01

先上问题:

SyntaxError: The requested module '/node_modules/.vite/deps/zrender.js?v=bf83ea43' does not provide an export named 'default'

原来我的引用是这么写的:import zrender from ‘zrender’

两种解决方法:

第一种:

import { defineComponent ,ref, onMounted,getCurrentInstance} from 'vue';

import { init, Rect, Line, Text, Group ,Circle} from 'zrender';

zrenderInit() {
        const Obj2 = document.getElementById('canvas1'); //zrender取元素
        const domOptions = { width: 500, height: 500 };
        const zRenderDom = init(Obj2 , domOptions); 
        drawCircle();
        zRenderDom.add(group);
  
   }

第二种:

import * as zrender from 'zrender'

init() {

        zr = zrender.init(document.getElementById('zrender-canvas'))

        group = new zrender.Group()

        drawCircle()

        zr.add(this.group)

      },


 

 类似资料: