DevEco Studio 如何将SVG文件转换为XML文件(HarmonyOS鸿蒙开发基础知识)

Stella981
• 阅读 531

DevEco Studio 如何将SVG文件转换为XML文件

SVG(Scalable Vector Graphics)可缩放矢量图形,是一种图像文件格式。目前由于HarmonyOS图形渲染引擎不支持SVG格式图片的渲染,开发者需要将SVG格式的图片文件转为为XML格式的文件,然后在布局文件中引用转换后的XML文件。这样,就可以在模拟器/预览器或者设备上运行应用时,正常的渲染该图像文件。转换方法如下:

1、选中应用模块,点击鼠标右键,选择New>Svg To Xml。

DevEco Studio 如何将SVG文件转换为XML文件(HarmonyOS鸿蒙开发基础知识)

2、选择需要转换的svg文件,并命名,点击OK按钮开始转换。

DevEco Studio 如何将SVG文件转换为XML文件(HarmonyOS鸿蒙开发基础知识)

3、 转换成功后,可以在resources > base > graphic文件下找到转换后的xml文件,并在布局文件中,引用该xml文件名即可完成对图标文件的引用。


更多技术交流请加入QQ群

群名称:harmonyos鸿蒙技术交流 群 号:856567895


从零开始入门学习HarmonyOS鸿蒙2.0开发

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Stella981 Stella981
2年前
AndroidStudio封装SDK的那些事
<divclass"markdown\_views"<!flowchart箭头图标勿删<svgxmlns"http://www.w3.org/2000/svg"style"display:none;"<pathstrokelinecap"round"d"M5,00,2.55,5z"id"raphael
Stella981 Stella981
2年前
SVG跟随父级DIV自适应
后台返回过来的是这样的SVG标签<svgwidth"100%"height"100%"version"1.1"xmlns"http://www.w3.org/2000/svg"<gtransform"translate(00)"
Stella981 Stella981
2年前
H5中canvas和svg绘图方式介绍
在HTML5中包括了两种绘图方式,canvas和svg(矢量呈现),而与canvas不同的是,svg是一种XML标记语言,它既可以单独保存以“.svg”为后缀的文件在浏览器中打开显示,也支持建立svg标签直接嵌入在网页中显示,还可以通过<embedsrc"文件.svg"name"name自命"type"image/svgxml"height
Easter79 Easter79
2年前
SVG 入门指南(看完,对SVG结构不在陌生)
SVG简介SVG,即可缩放矢量图形(ScalableVectorGraphics),是一种XML应用,可以以一种简洁、可移植的形式表示图形信息。目前,人们对SVG越来越感兴趣。大多数现代浏览器都能显示SVG图形,并且大多数矢量绘图软件都能导出SVG图形。SVG主要可以概括为以下几点:SVG指可伸
Easter79 Easter79
2年前
SVG跟随父级DIV自适应
后台返回过来的是这样的SVG标签<svgwidth"100%"height"100%"version"1.1"xmlns"http://www.w3.org/2000/svg"<gtransform"translate(00)"
Stella981 Stella981
2年前
SVG的简单使用,入门绘制简单的案例
一、svg介绍可缩放矢量图形(ScalableVectorGraphics,SVG)是W3C推出的基于XML的二维矢量图形标准。SVG可以提供高质量的矢量图形渲染,同时由于支持JavaScript和文档对象模型,SVG图形通常具有强大的交互能力。另一方面,SVG作为W3C所推荐的基于XML的开放标准,能够与其他网络技术进行无缝集成。
Easter79 Easter79
2年前
SVG的简单使用,入门绘制简单的案例
一、svg介绍可缩放矢量图形(ScalableVectorGraphics,SVG)是W3C推出的基于XML的二维矢量图形标准。SVG可以提供高质量的矢量图形渲染,同时由于支持JavaScript和文档对象模型,SVG图形通常具有强大的交互能力。另一方面,SVG作为W3C所推荐的基于XML的开放标准,能够与其他网络技术进行无缝集成。
Stella981 Stella981
2年前
SVG 图像入门教程
作者:阮一峰 www.ruanyifeng.com/blog/2018/08/svg.html一、概述SVG是一种基于XML语法的图像格式,全称是可缩放矢量图(ScalableVectorGraphics)。其他图像格式都是基于像素处理的,SVG则是属于对图像的形状描述,所以它本质上是文本文件,体积较小,
Easter79 Easter79
2年前
SVG 图像入门教程
作者:阮一峰 www.ruanyifeng.com/blog/2018/08/svg.html一、概述SVG是一种基于XML语法的图像格式,全称是可缩放矢量图(ScalableVectorGraphics)。其他图像格式都是基于像素处理的,SVG则是属于对图像的形状描述,所以它本质上是文本文件,体积较小,