鸿蒙OS应用开发之——将SVG文件转换为XML文件

最新推荐文章于 2024-03-15 09:38:37 发布
最新推荐文章于 2024-03-15 09:38:37 发布
阅读量576 收藏
点赞数
分类专栏： HarmonyOS 文章标签： 鸿蒙
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Calvin_zhou/article/details/112175201
版权

一 概述

在Java UI框架中，给Button组件设置了左侧显示图标时，使用了如下的属性：

ohos:element_left="$graphic:ic_btn_reload"

就是将SVG文件转换为XML文件后设置的

二 SVG图片来源

2.1 来源地址

iconfont：https://www.iconfont.cn/search/index?searchType=icon&q=reload

2.2 下载选择SVG

三 SVG文件转换为XML文件

  • 选中应用模块，点击鼠标右键，选择New>Svg To Xml

  • 选择需要转换的svg文件，并命名，点击OK按钮开始转换

PGzxc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HarmonyOS鸿蒙开发指南:组件开发 svg详细介绍
sybh的博客
01-10 988
line x1="180" x2="280" y1="500" y2="500" stroke-width="4" fill="white" stroke="black"> //窗框。 //窗框。M/m = moveto 参数x和y表示需要移动到点的x轴和y轴的坐标。
VectorDrawable2Svg：将Android VectorDrawable .xml文件转换为.svg文件
02-06
VectorDrawable2Svg.py Python脚本将Android VectorDrawable .xml文件转换为.svg文件。 此存储库是从派生的，以添加对间接颜色引用的处理（例如，在color.xml文件中），因为该存储库似乎没有得到积极维护（基于未...
鸿蒙应用中图片的显示（Image组件）
01-04 2852
开发者经常需要在应用中显示一些图片，例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg和gif，具体用法请参考组件。该接口通过图片数据源获取图片，支持本地图片和网络图片的渲染展示。其中，src是图片的数据源，加载方式请参考。
鸿蒙应用开发 常用组件与布局
GitHub指北
12-24 1138
HarmonyOS ArkUI 提供了丰富多样的 UI 组件，您可以使用这些组件轻松地编写出更加丰富、漂亮的界面。在本篇 Codelab 中，您将通过一个简单的购物社交应用示例，学习如何使用常用的基础组件和容器组件。本示例主要包含：“登录”、“首页”、“我的”三个页面。
鸿蒙的svg图标、内外边距和边框
最新发布
2301_81915581的博客
03-15 593
需求：界面中展示图标 → 可以使用 svg 图标（任意放大缩小不失真、可以改颜色）
鸿蒙开发学习笔记 -黑马（持续更新）
weixin_54313757的博客
12-31 1694
鸿蒙开发学习
鸿蒙 加载svg文件
cmmboy1990的博客
05-12 1017
1.将SVG文件转换为XML文件 选择New>Svg To Xml 转换成功后，可以在resources > base > graphic文件下找到转换后的xml文件，并在布局文件中，引用该xml文件名即可完成对图标文件的引用。 <Image ohos:height="120vp" ohos:width="match_parent" ohos:background_element="$graphic:svg_test" ohos:scale_mo
DevEco Studio 如何将SVG文件转换为XML文件（HarmonyOS鸿蒙开发基础知识）
iCloudEnd的博客
09-14 3037
DevEco Studio 如何将SVG文件转换为XML文件 SVG（Scalable Vector Graphics）可缩放矢量图形，是一种图像文件格式。目前由于HarmonyOS图形渲染引擎不支持SVG格式图片的渲染，开发者需要将SVG格式的图片文件转为为XML格式的文件，然后在布局文件中引用转换后的XML文件。这样，就可以在模拟器/预览器或者设备上运行应用时，正常的渲染该图像文件。转换方法如下： 1、选中应用模块，点击鼠标右键，选择New>Svg To Xml。 2、选择需要转换的svg文件，
鸿蒙ArkTs中引入阿里巴巴图标库svg图标时fillColor不能改变图标颜色
weixin_55973411的博客
12-20 869
在ArkTs项目引入阿里巴巴图标库的svg图标直接使用fillColor不能直接修改图标的颜色。是因为直接引入阿里巴巴图标会缺少一个属性，需要手动添加这个属性才能实现改变图标的颜色。点击引入的svg图标 添加fill这个属性。
将SVG文件转换为XML文件
o0daxu0o的博客
12-31 4732
第一步：图标下载的地址：https://www.iconfont.cn/，下载SVG图标 第二步：将SVG图标转换成XML文件，使用转换工具。 链接: https://pan.baidu.com/s/1fEjep7oK8xGneNEcX690ww?pwd=sv3t 提取码: sv3t ，解压后如下图，一个静态的网页： 在浏览器中打开index.html，效果如下： 将SVG文件拖入其中进行转换，保存该xml文件，该文件即可在Androdi Stud...
自己写一个svg转化为安卓xml的工具类
xiaoerbuyu1233的博客
08-22 1120
原文链接：https://blog.csdn.net/qq_30447263/article/details/83594228。版权声明：本文为CSDN博主「张风捷特烈」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。秉承着能用代码解决的问题，绝对不动手。感觉一般的svg到Android可用的xml差异有点规律，主要的就是path。将xml放在drawable目录下，就可以当资源文件用了，大小颜色都可以操作。2.转化成的Android可用的xml。
SVG图片转Android可识别的xml文件
04-13
使用方法如下： 在jdk环境配置好的前提下，在该文件目录下输入以下指令：java -jar svg2vector-cli-1.0.0.jar -d . -o output -h 20 -w 20 output指输出文件夹的名字，-h后的20指vector转换后的android:height="20dp", -w后的20指vector转换后的android:width="20dp", 该工具会把当前目录下所有的svg文件进行批处理。
将阿里iconfont下载后包含多个svg图标的文件转换为单个svg文件
05-23
将阿里iconfont下载后包含多个svg图标的文件转换为单个svg文件
svgson:将svg文件转换为json表示法
04-02
将svg文件和字符串转换为Object或JSON简单工具。 用js操作SVG有用，可存储在noSQL数据库中。安装yarn add svgson用法const { parse , stringify } = require ( 'svgson' )// ----------------------------// Convert...
vue-svg-icon-loader:将SVG文件转换为VueJS组件
05-17
适用于Webpack的Vue SVG图标加载器这是一个Webpack加载程序，可将SVG图标转换为可直接导入的vuejs组件。 您可以导入这些文件，然后直接在您的Vue应用程序中使用它们： < template> < div> ...
svg-font:将svg文件转换为字体，将svg文件转换为字体。 FontForge脚本
03-13
svg2font ./src/build.sh svg图标转换为字体。 使用python脚本调用FontForge 请先安装FontForge。 也许您可以使用带有gulp插件gulp-iconfont / gulp-iconfont-css的yarn build构建。将字体添加到svg文件（2021/13/03...
【Android】将SVG转换成VectorDrawable XML资源
CS@zeny的博客
06-02 1305
本文章主要讲述如何将SVG格式转换为安卓的Vector 的XML格式的图标.
png转svg生成svg+xml
03-12 8147
将png图片转测svg+xml data:image/svg+xml,&lt;svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M5.99017859,36 L34.0098214,36 C35.1085737,36 36,35.1062037 36,34.0000567 L36,29 C36,26...
使用Android studio将svg生成xml矢量图
Within的博客
05-09 1339
选择svg保存即可生成xml矢量图。
使用kabeja将dxf文件转换为svg文件
07-29
使用kabeja是一种将dxf文件转换为svg文件的方法。kabeja是一个Java库，它提供了许多功能，包括dxf文件的解析和svg文件的生成。要使用kabeja进行转换，首先需要安装Java开发环境，并下载kabeja库的JAR文件。 在代码...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值