ai 如何导出html格式,ai怎么导出svg文件? ai导出svg并在html中使用的方法

AI图标制作完成之后，保存的svg文件包含许多AI的信息，如果要在HTML中使用，我们需要在svg文件中提取/修改信息，重新保存。

1、在AI中已经完成图标，要保存SVG文件，点击“文件(File)”-“另存为(Save As)”，在弹出的对话框中保存类型选择SVG(*.svg)。

2、svg文件保存后，用文本编辑器打开，找到这一个节点，d属性里面就是这个图片的路径数据【注：在保存svg图标的时候需要使用路径查找器工具将图标制作为复合路径，不然该svg文件中会有多个节点】。

3、可以新建一个.svg文件，用文本编辑器打开，输入以下内容

复制内容到剪贴板

version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="左偏移量(px)" y="上偏移量(px)"

width="宽度" height="高度" viewBox="0 0 宽度高度" enable-background="new 0 0 宽度高度"

xml:space="preserve">

viewBox 和enable-background 的宽高不要修改，使用从ai保存的svg中的数据。

4、将从ai保存的svg中复制路径数据到上面新建的svg图标路径数据属性中，设置好颜色大小的信息，保存后就可以在html中正常使用了。

ai 如何导出html格式,ai怎么导出svg文件? ai导出svg并在html中使用的方法相关推荐

在linux系统下java实现pdf导出汉字无法显示_ubuntu/Linux PDF文件中文无法显示或中文为方块的解决方法...
ubuntu1004,pdf文件有的无法显示中文,解决办法如下: 1. 先安装字体 A.sudo apt-get install xpdf-chinese-simplified; B. sudo ap ...
linux mysql csv文件_Linux MySQL数据库如何导出数据文件？导出csv语句命令
广告 2017年11月13日 MySQL中你可以使用SELECT ... INTO OUTFILE语句来简单的导出数据到文本文件上. 使用SELECT ... INTO OUTFILE语句导出数据以 ...
php ai格式生成png,AI怎么生成透明png? ai导出PNG格式透明背景图片的教程
我们需要一张背景透明的png格式的图片,该怎么使用ai导出透明png格式的图片呢?请看下文呢详细介绍. 1.请打开AI软件,以快捷键Ctrl+N新建一个空白文档.选择左侧工具栏中的椭圆工具. 2.用椭 ...
ai 如何导出html格式,Adobe Illustrator导出SVG的设置方法
在上一篇文章中我们介绍了使用Adobe Illustrator制作SVG的操作流程,如果你按上面的步骤来创建SVG图像,现在你应该需要一种方法来将它导出为SVG文件. Adobe Illustrato ...
条码打印软件中如何导出条码或二维码矢量文件到Coredraw和Ai
在通过coredraw或ai进行矢量设计时,我们经常会用到条码,虽然可以用上述软件直接生成一个条码或二维码,但约束多,更多情况下设计出来的条码识别等级也打不到A级.其实,大家完全可以先在条码打印软件中 ...
AI文件资源导出方法
文章目录操作说明操作整体流程操作说明鼠标选中点击资源右击选择:收集以导出,作为单个资源发现添加到资源导出列表导出配置选择导出地址查看导出文件操作整体流程
DataSet导出CSV格式(ASP.NET,C#)
DataSet导出CSV格式(ASP.NET,C#) 作者:Not MSN:notking@hotmail.com Email:nots@sohu.com 本文引用下面的 Microsoft ...
blender 导出 obj 格式，3dsmax 导入3ds max obj 格式数据
blender 导出 obj 格式,3dsmax 导入3ds max obj 格式数据 blender 导出 3dsmax 导入
java 导出csv 格式,java导出csv格式文件的方法
这篇文章主要为大家详细介绍了java导出csv格式文件的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下导出csv格式文件的本质是导出以逗号为分隔的文本数据 imp ...

ai 如何导出html格式,ai怎么导出svg文件? ai导出svg并在html中使用的方法

ai 如何导出html格式,ai怎么导出svg文件? ai导出svg并在html中使用的方法相关推荐

最新文章

热门文章