svg转图片,svg中的非系统字体没被转换

目标: 做一个环形文字svg转成图片

问题: svg转图片,svg中的非系统字体没被转换, 由于字体是css引入的, 导入到canvas中的svg因为没有识别字体, 所以转成图片后, 图片里的文字没办法带自定义字体.

补充: 看过其他例子可以在svg标签中用style标签, 并且定义字体时候引入转成base64的字体. 但是由于是基于vue-cli开发, 没办法在template中嵌入style, 会报错, 求解决思路

javascript svg canvas vue.js

阅读 3.6k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答12.8k 阅读
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
7 回答1.9k 阅读
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.7k 阅读✓ 已解决
如何用Vue实现Word文档自动分页与双页排版功能？
用vue实现word的自动分页功能双页排版即用户输入的内容超过了一张A4纸的高度则自动分页将内容自动分割成两页按照左右左右的方式排版问题的难点在于 word的内容是不固定的标题 table 图片等等都有可能而且要加入交互逻辑比如弹出时间选择器弹出输入框等等目前外观是出来了直接v-for渲染page页但是接下...
6 回答953 阅读
如何实现一个深拷贝函数？
在项目开发中，如何实现一个深拷贝函数？
3 回答1.1k 阅读✓ 已解决
为什么 el-tabl操作列加了 fixed="right"之后列边框线不完整，有大佬知道原因吗？
el-table操作列加了fixed="right"之后,操作列上下行的边框线消失了，只有第一行和最后一行是正常的，其他都有问题，有大佬知道是什么原因吗？操作列代码
3 回答1.3k 阅读✓ 已解决
git提交记录问题？
"git add .“添加了所有文件.这样导致了项目里每一行代码的修改记录都变成了这次的提交备注"update gitignore"。后续其他同事也提交了几次记录。想着回滚回这次修改以前的，再让同事们重新提交自己的修改。但同事们已经pull过代码，可能也区分不出来了。有什么方法删除掉gitignore的这次提交，并保留同事们后续的提交？
2 回答1.2k 阅读✓ 已解决

相似问题

请问如何解决svg通过canvas的drawImage转换成png后字体会变粗
1 回答2.8k 阅读
js 图片url格式转换
1 回答2.2k 阅读
图片形状变换----：）
1 回答6.1k 阅读
canvas 水印字体大小如何适配不同分辨率的图片？
2 回答3.3k 阅读✓ 已解决
请问为什么svg转成png会模糊, 用的canvas的toDataURL方法
3 回答8.6k 阅读

找不到问题？创建新问题

svg转图片,svg中的非系统字体没被转换

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何在Vue中点击菜单弹出v-dialog对话框？

如何用Vue实现Word文档自动分页与双页排版功能？

如何实现一个深拷贝函数？

为什么 el-tabl操作列加了 fixed="right"之后 列边框线不完整，有大佬知道原因吗？

git提交记录问题？

为什么 el-tabl操作列加了 fixed="right"之后列边框线不完整，有大佬知道原因吗？