SVG编辑器(SVGDeveloper)

SVG编辑器(SVGDeveloper)支持svg文件的查看与编辑，丰富的绘图和代码工具让其倍受欢迎，有效提升工作效率，感兴趣的朋友快来IT猫扑网下载吧。

SVGDeveloper免费版介绍：

SVG编辑器是一款功能强大的SVG格式编辑器，利用SVGDeveloper功能强大的绘制功能，你可以绘制诸如圆形、矩形、星形等基本形状，也可以绘制文本、图像和自由曲线等复杂图形。同时，SVGDeveloper还提供了其他一些高级功能使得你更加容易的创建和管理SVG程序。强大的代码编辑器，集成了语法着色和智能语法提示功能，使得你可以编写复杂的脚本程序，从而可创建更加复杂的SVG应用。

功能特色：

绘制各种高质量的SVG矢量图形，提供包括矩形、椭圆、圆、直线、折线、多边形等在内的基本形状构造。

支持任意形状的路径构造（贝赛尔曲线）。

支持文本构造。

支持栅格图像和SVG图像的导入。

按照命名空间和对象类型批量删除对象

转换图像为base64代码

支持线性渐变、辐射渐变和图案渲染。

基于时间线，创作包括变换、属性、运动、形状、声音、遮罩等在内的各种形式动画，同时可将动画绑定到事件；

可视化地编辑渐变、图案并生成相关动画；

图形对象的成组和解组以及层次调整功能；

语法自动加亮的代码编写机制，方便您书写SVG代码；

智能语法提示

智能化的事件创作机制，允许您通过列表式生成对象事件并自动定位到javascript代码。

打印支持

更强大的外部图图元支持

XAML支持（支持导出和语法提示）

颜色主题支持，可以定制个性化的开发环境

SVGDeveloper使用教程：

1、首先找一张地图作为绘制模板;

2、新建svg文件：File --> New --> svg 点击ok;

3、修改svg画布大小,和使用的地图模板一致;

4、点击图片按钮,然后将鼠标移到画布左上角,一直拉到右下角,尽量使选中的区域与画布重合。松开鼠标，会自动弹出选择参考图片。

5、如果图片与画布未重合，使用键盘上的方向键移动图片，调好后，点一下黑色箭头。

6、抠取区域路径。

-- 为了轮廓更清晰，准确。我们放大到500%；

-- 选中钢笔，这个是点路径用的，把填充颜色调至无，边框蓝色（也可以是其他比较鲜艳的颜色，以便区分边界）；

-- 使用钢笔，在图片上选取路径，逐个点。如果点错了，就ctrl+z 撤销几步。点取过程中可以使用鼠标滚轮，和下面的滚动条调整显示区域。

7、给区域添加文字：选中text工具，在对应的位置上点击后输入文字，如果位置需要调整，可以修改代码中text标签里对应的x，y值，也可以，点击黑色箭头，选中文字后拖到对应位置。

8、给路径和文本框添加id属性，以便后面做效果使用。

9、最后保存为svg文件（注意：保存的时候是把图片模板也一起保存了的，在代码里找到image标签，删除即可）。