search

ikuaitu / vue-fabric-editor

快图设计-基于fabric.js和Vue的开源图片编辑器，可自定义字体、素材、设计模板。fabric.js and Vue based image editor, can customize fonts, materials, design templates.
https://ikuaitu.github.io/doc/#/
MIT License
4.83k stars 899 forks source link

将组件中的 <svg 代码替换为 svg图标文件 #458

Open nihaojob opened 2 months ago

nihaojob commented 2 months ago

https://www.npmjs.com/package/vite-svg-loader

nihaojob commented 1 month ago

https://github.com/ikuaitu/vue-fabric-editor/commit/403c0350971010df1edfb6b29e14d9fdca74eea4

nihaojob commented 1 month ago

可从 iconfont网站中获得icon图标，须注意 Icon 大小 颜色是否与其他元素一直。

参考 https://www.iconfont.cn/collections/detail?cid=13428 https://www.iconfont.cn/collections/detail?cid=16400

修改参考代码： https://github.com/ikuaitu/vue-fabric-editor/blob/main/src/components/align.vue#L65-L76

如何找到未替换svg的组件： 在代码中搜索 <svg关键词 查找未替换的元素 image