网页SVG画的图怎么保存到服务器(图片或XML)

网页SVG画的图怎么保存到服务器(图片或XML),第1张

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 页面中的 SVG

SVG 文件可通过以下标签嵌入 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


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/228390.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-08
下一篇2023-04-08

发表评论

登录后才能评论

评论列表(0条)

    保存