Svg.js: How does it run at Vue.js?

[Aspire0423]

So sorry to trouble you, my English is poor becouse I'm from China ~ These months I learned svg.js and Vue.js , but I can't run svg.js in vue.
Here I show the images about my questions ,please gave me some device...

[Aspire0423]

Uncaught TypeError: fs.readFileSync is not a function

[Fuzzyma]

Why are you using svgdom when you use svg.js in the browser?

[Aspire0423]

Could you give me a vue project documents? I using svg.js in vue can't run in the browser...
Perhaps I have same misstake?

[Fuzzyma]

I don't use vue neither do i a use webpack. So i don't have a document for you.

But iam pretty sure that your project ends up in the browser so why do you use server side libraries?

Maybe you want to ask your question on stackoverflow.com.

[Aspire0423]

OK~! Thanks a lot! And I'd like to use svg.js ,its very usefully! Expect your team do it become better and better.

[saivan]

You can just import the SVG.js file directly as a dependency for your project. Just use one of the files in the dist folder here https://github.com/svgdotjs/svg.js/tree/master/dist

[uebusaito]

You can just add it as a VueJS plugin

then import it to your mainJS file,

then you can call the method anywhere on vue instance, for example this.$svg.get('elementID')

[Aspire0423]

@uebusaito Thanks ~ I've tried your method ,but it has also takeback misstakes like the picture...

I tried about the next pic its back other mistakes again~


Could you help me ~~

[Aspire0423]

@Fuzzyma @saivan @uebusaito Thank you for your help! From three days research, I have successed runing the svg.js into vue. And I'd like to learn svg from you in the leater days~~Give you a 赞👍

[saivan]

Awesome awesome! good to hear you worked it out. 💯

[saivan]

Can you please close the issue as well if you consider it resolved. Also, it would be great if you wrote down what steps you took so that any future person who has the same problem as you can figure out how to solve it as well. We'd really love it if you could 😃

[nameszian]

@Aspire0423 @saivan How does svg.js run with vue.js? 🙏

[cafe4it]

https://blog.carbonteq.com/creating-interactive-map-in-vue-js/

[YuHao-KitPies]

I meet the same question. Here is a demo. https://github.com/YuHao-KitPies/SvgVueDemo