SVG本身就是xml格式文本,保存SVG,就只要保存这些文本就可以了
服务器直接保存xxx.svg,和图片一样(xxx.jpg)
把SVG的xml文本信息,保存到数据库就可以了,这个保存文章一样的
SVG是一种用XML定义的语言,用来描述二维矢量及矢量/栅格图形。SVG提供了3种类型的图形对象:矢量图形(vectorgraphicshape例如:由直线和曲线组成的路径)、图象(image)、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作,特征集包括嵌套变换(nestedtransformations)、剪切路径(clippingpaths)、alpha蒙板(alphamasks)、滤镜效果(filtereffects)、模板对象(templateobjects)和其它扩展(extensibility)。SVG图形是可交互的和动态的,可以在SVG文件中嵌入动画元素或通过脚本来定义动画。
SVG在iOS中可以用UIWebView来加载:
这种方法来加载SVG,虽然也可以,但是却存在诸如放大缩小、点击交互等问题。所以一般更加推荐使用 SVGKit 。
SVGKit 使用
1、SVG创建
2、实现SVG放大缩小功能
实现UIScrollView的代理方法:
3、SVG上进行路线规划
SVG上的线路规划,需要从服务器中拿取相关的坐标点,然后将其绘制在SVG上。具体实现如下:
效果如下:
HTML5 页面中的 SVGSVG 文件可通过以下标签嵌入 HTML 文档:<embed>、<object>或者 <iframe>。
HTML 页面中的 SVG
下面,你会看到三种把 SVG 文件嵌入 HTML 页面的不同方法。
使用 <embed>标签
<embed>标签被所有主流的浏览器支持,并允许使用脚本。
注释:当在 HTML 页面中嵌入 SVG 时使用 <embed>标签是 Adobe SVG Viewer 推荐的方法!然而,如果需要创建合法的 XHTML,就不能使用 <embed>。任何 HTML 规范中都没有 <embed>标签。
语法:
<embed src="rect.svg" width="300" height="100"
type="image/svg+xml
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)