准备环境：

下载安装Adobe Illustrator CC
网络下载地址2014版（建议选择“普通下载地址”）

操作步骤

打开ai，创建一个文件（依次选择“文件”->“新建”）
在左侧工具栏“矩形工具”上右键，选择自己需要的图形进行绘制。
将多个图形连接成一个图形：点击“窗口”->“路径查找器”

选中要合并的图形，点击“路径查找器”中的“联集”，完成合并。
导出为svg格式：点击“文件”->“脚本”->“将文档存储为SVG”

使用ai绘制svg矢量图形相关推荐

基于html5的矢量图绘制方法研究,HTML5程序设计-绘制可伸缩矢量图形SVG.pdf
HTML5基础教程(第2版) 授课教师: 职务: 第7章绘制可伸缩矢量图形(SVG ) 课程描述 SVG是Scalable Vector Graphics的缩写,即可伸缩矢量图形,它使用XML格式 ...
绘制可伸缩矢量图形（SVG）
1.SVG概述可伸缩矢量图形(Scalable Vector Graphics,SVG)使用XML格式在Web上定义基于矢量的图形.矢量图形是根据几何特性来绘制的图形,矢量(Vector)可以是一个 ...
SVG基础知识 Adobe Illustrator绘制SVG
SVG svg在线编辑器 https://editor.method.ac/ 多边形使用的是polygon标签该标签能创建含有不少于三个边的图形. 如下 <svg xmlns="h ...
【AI实用教程】-用AI绘制网格花卉，你知道吗？
借助这款行业标准的矢量图形软件,您可以制作适用于印刷.Web.视频和移动设备的徽标.图标.绘图.版式和插图的矢量图设计软件.作为一款非常好的矢量图形处理工具,该软件主要应用于印刷出版.海报书籍排版.专 ...
canvas 元素绑定事件_绘制SVG内容到Canvas的HTML5应用
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术,两种绘制图形方式各有优缺点,但两者并非水火不容,尤其是SVG内容可直接绘制在Canvas上的功能,使得两者可以完美的融合在一起, ...
html5 svg组态图,绘制SVG内容到Canvas的HTML5应用
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术,两种绘制图形方式各有优缺点,但两者并非水火不容,尤其是SVG内容可直接绘制在Canvas上的功能,使得两者可以完美的融合在一起, ...
[Web Chart系列之一(续)]Web端图形绘制SVG,VML, HTML5 Canvas 简单实例
前言本篇是继 [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较的补充和实例说明各种技术的使用方式. VML 的用法和实例引入命名空间之后,就可以 ...
UI设计：使用AI绘制微质感图标
UI设计:使用AI绘制微质感图标 1.应用图标大小1024*1024px 2.图标的背景层采用渐变的效果,且有阴影 3.设计了三个图标,分别为视频.文件包.联系人 4.分别采用了绿色.黄色.蓝色为背景 ...
FireFox下Canvas使用图像合成绘制SVG的Bug
本文适合适合对canvas绘制.图形学.前端可视化感兴趣的读者阅读. 楔子所有的事情都会有一个起因. 最近产品上需要做一个这样的功能:给一些图形进行染色处理.想想这还不是顺手拈来的事情,早就研究过图 ...

使用ai绘制svg矢量图形

准备环境：

操作步骤

使用ai绘制svg矢量图形相关推荐

最新文章

热门文章