UI给的png图片，怎么用svg代码写出来？
请教da-lao们
前端svg怎么使用？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
6条回答 默认 最新
关注可以使用在一些在线转svg的工具网站，如https://www.pngtosvg.com/ https://www.vectorizer.io/
也可以使用在线ps导入图片然后导出为svg 如 https://ps.gaoding.com/#/评论 打赏解决 1无用举报 分享
- 2022-09-19 08:21回答 1 已采纳 涉及到属性preserveAspectRatio，该属性的对齐方式均是以viewBox为对象比例一致时： 比例不一致时：
- 2021-09-27 21:16回答 1 已采纳 gzip
- 2020-01-06 15:04回答 1 已采纳 ``` document.querySelector('svg').outerHTML;//获取生成的svg代码 ``` 但是一般都不会传输这种长字符串，是需要转化为字节流传输的； 例如
- 2024-05-27 14:28可是我还饿啊的博客 以阿里巴巴矢量图标库为例，随便找一个图标，如下图。直接在代码中使用img标签用就行(推荐)点击复制svg代码，扔到代码中，它很长。svg下载后，就长下面这样。
- 2021-10-14 17:31回答 3 已采纳 设置百分比 。
- 2012-05-28 11:34回答 7 已采纳 Here is the solution: d3.select("svg").remove(); This is a remove function provided by D3.js.
- 2023-03-07 13:22回答 3 已采纳 小魔女参考了bing和GPT部分内容调写:要想在vue项目中使用svgedit编辑器，首先需要安装svgedit编辑器的依赖包，可以使用npm安装： npm install svgedit 然后在v
- 2021-10-28 11:03Lovely Ruby的博客 文章目录寻找 svg 素材页面中使用更好的使用 寻找 svg 素材 可以在 页面中使用 步骤为： 引入脚本 使用 svg 标签 // 引入脚本 <script src="https://at.alicdn.com/t/font_2898567_tpf9w52zo9.js"></...
- 2023-01-31 22:05回答 1 已采纳 回答不易，求求您采纳点赞哦 一种方法是使用 CSS 设置颜色: svg path { fill: white; } 如果是多彩的 SVG 图标，可以通过在 CSS 中指定特定 path 的颜
- 2022-09-09 23:54回答 1 已采纳 <!DOCTYPE html> <html> <body> <div id="test"></div> </body>
- 2022-04-10 21:09回答 2 已采纳 $.get是jquery ajax的get方法，用来下载svg数据，下载成功后执行回调function，调用echarts.registerMap注册可用的地图echarts.registerMap文
- 2024-06-08 22:54冯浩(grow up)的博客 本章讲解svg图标在vue3中使用svg图片我们可在阿里云矢量图标库中下载阿里云矢量图标库。
- 2023-03-10 11:43回答 1 已采纳 可以，参考 https://blog.csdn.net/weixin_42204303/article/details/118183316
- 2022-05-09 13:14蜡笔大帅的博客 所以基于以上问题我们一般使用svg的矢量图，矢量图一般由设计师提供给前端来转换成字体图标，在项目中使用。 优点：1、放大不会模糊 2、只加载一次不会有多余的请求。 如何使用： 1、我们可以借助iconfont-阿里巴巴...
- 2023-06-16 10:39中亿丰数字科技集团有限公司的博客 SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形格式，它可以在网页上展示高质量的图像，并且可以无损缩放。在前端开发中，SVG 图片被广泛...此篇文章将讲述在前端vue项目中封装svg组件，使其svg简单使用。
- 没有解决我的问题, 去提问
问题事件
创建了问题
7月6日
悬赏问题
- ¥15 is not in the mmseg::model registry。报错，模型注册表找不到自定义模块。
- ¥15 安装quartus II18.1时弹出此error，怎么解决？
- ¥15 keil官网下载psn序列号在哪
- ¥15 想用adb命令做一个通话软件，播放录音
- ¥30 Pytorch深度学习服务器跑不通问题解决？
- ¥15 部分客户订单定位有误的问题
- ¥15 如何在maya程序中利用python编写领子和褶裥的模型的方法
- ¥15 Bug traq 数据包 大概什么价
- ¥15 在anaconda上pytorch和paddle paddle下载报错
- ¥25 自动填写QQ腾讯文档收集表