Html5的canvas标签和Svg以及VML之间的差异

最新推荐文章于 2019-03-10 11:56:00 发布
最新推荐文章于 2019-03-10 11:56:00 发布
阅读量309 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/It_sharp/article/details/86499940
版权

标记和SVG以及VML之间的一个重要的不同是，有一个基于Javascript的绘图API，而SVG和VML使用一个XML文档来描述绘图。
这两种方式在功能上是等同的，任何一种都可以用另一种来模拟。从表面上看，它们很不相同，可是，每一种都有强项和弱点。例如，SVG绘图很容易编辑，只要从其描述中移除元素就行。
要从同一图形的一个标记中移除元素，往往需要擦掉绘图重新绘制它。

什么是SVG?

  • 可伸缩矢量图行
  • 用于定义用于网格的基于矢量的图行
  • 使用XML格式定义图行
  • 图像在放大或改变尺寸的情况下其图形质量不会有损失
  • 万维网联盟的标准
It_sharp
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web开发中的矢量绘图(vml,svg)处理和应用
weixin_33896069的博客
10-23 287
前言 1991 年物理学家Tim Berners-Lee首次在因特网上发布了 HTML 的第一版描述规范文档。经过了 20 多年的发展，HTML 语言成为如今编程最为广泛的语言和互联网上采用最广的文档格式。虽然 HTML 发展十分迅速并具有诸多优点，但其始终不能提供一个良好的矢量绘图解决方案。很多应用为获得绚丽的动画和绘图效果，不得已在页面中嵌入大量的 Flash。这...
html5中的canvas和svg的使用
石羊博客专栏
05-05 1282
一、canvas
GML、SVG、VML的比较
moonpiazza的专栏
07-11 2329
GML、SVG、VML的比较GML、SVG和VML都是基于XML的可用来描述矢量图形的标记语言，都是XML词表，它们的语法并不难理解，但它们都有各自不同的用途和特点，下面简单介绍一下。GML(Geography Markup Language)是基于XML的空间信息编码标准，由OpenGIS Consortium (OGC)提出，得到了许多公司的大力支持，如Oracle、Galdos、MapI
SVG、CANVAS、VML比较
06-24
SVG、CANVAS、VML比较，有利于各位IT大神学习，在学习画图方面的提高。
VML、SVG、Canvas简介
jcx5083761的专栏
10-24 6429
1、VML：        VML的全称是Vector Markup Language(矢量可标记语言)，矢量的图形，意味着图形可以任意放大缩小而不损失图形的质量，这在制作地图上有很大用途,VML只是被IE支持。 2、SVG：        可缩放矢量图形（Scalable Vector Graphics，SVG）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG由W
让IE兼容 HTML5的canvas标签
09-16
HTML5的canvas标签是Web开发中的一个重要组成部分，它允许开发者在网页上绘制图形，实现动态图像和交互式视觉效果。然而，由于历史原因，早期版本的Internet Explorer（IE6到IE9）并不支持HTML5的新特性，包括canvas...
使用HTML5canvas进行Web绘图
02-26
HTML5canvas元素的出现填补了这种不足，开发人员可以使用JavaScript脚本语言在canvas中进行一系列基于命令的图形绘制操作，本文将通过讲解如何使用canvas元素进行基本绘图操作，以及完成简单的动画和用户交互任务，...
JS页面动态绘图工具SVG，Canvas，VML介简介
01-18
说到绘图、报表之类的技术，大家首先想到的就是Flex，当然也有许多...比如说maxGraph，你可以到http://www.jgraph.com/mxgraph.html上去看一下效果。 如果你已经在网络上看了一会了我们可以继续来聊一下Web中JS绘图的内
<canvas> 标记和 SVG 以及 VML 之间的差异
caoxj0507的专栏
02-26 1809
标记和 SVG 以及 VML 之间的一个重要的不同是， 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。 这两种方式在功能上是等同的，任何一种都可以用另一种来模拟。从表面上看，它们很不相同，可是，每一种都有强项和弱点。例如，SVG 绘图很容易编辑，只要从其描述中移除元素就行。 下面分别对SVG与 VML进行简单的介绍。 VML（Th
关于JS页面动态绘图SVG，Canvas，VML介绍
java小强
03-23 362
说到绘图、报表之类的技术，大家首先想到的就是Flex，当然也有许多了解javaapplet，对于这两种技术来说，各有利弊。首先Flex很笨重，但是其效果实在让人喜欢。对于javaapplet来说，至少我在网络上很少看到，当然对于我们做开发的来说在我们的开发工具或者内部网络上还是有一些的。 其实现在Web上进行绘图的话还是有很多选择的，你可以到谷歌上搜索JS绘图，会有很多绘图工具提供给你使用，而...
VML+HTML实现流程图查看
11-23
实现了vml+html中显示的，并解决了ie浏览器兼容的问题，代码直接运行便好用
HTML5 <canvas> 标记和 SVG 以及 VML 之间的差异
weixin_34301132的博客
07-22 123
　　标记和 SVG 以及 VML 之间的一个重要的不同是， 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。　　这两种方式在功能上是等同的，任何一种都可以用另一种来模拟。从表面上看，它们很不相同，可是，每一种都有强项和弱点。例如，SVG 绘图很容易编辑，只要从其描述中移除元素就行。　　要从同一图形的一个 标记中移...
html5 画布和SVG的差别
03-10 209
canvas和SVG可以在浏览器绘制图形，但是本质上是不同的。canves是绘制2d图象，SVG也是绘制2d图象。 Canvas是Javascript进行绘图的，是逐像素绘图。Canvas一旦图象绘制完成，就于浏览器无关了，图象的位置发生变化，整个场景都需要重新重新绘制，包括已经被覆盖的元素。 svg是使用xml绘制，可以为svg添加javascript的事件处理器。所有的DOM都是...
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
jishublog
09-16 210
本来想自己做个库的，毅力不够啊，所以放出源代码 当前实现的框架功能有： 1. 支持IE6+以上版本，支持Chrome， 支持FireFox 2. 动画加载机制 3. tooltip支持 4. legend支持 5. 功能丰富的参数设置 当前支持的图形种类有两种：饼图与折线图，将来也许会不定期更新，不断完善！ 希望还有点毅力和时间做话。不废话啦，直接上效果图： 折线图演示代码：...
SVG和VML区别杂谈
weixin_33708432的博客
04-19 120
SVG和VML区别杂谈 很多组织一直在做这两种动态矢量语言的统一工作，SVG和VML的初衷不一样，SVG是为了集大成，VML却是为了方便Word向Web的迁移，所以相对于VML的傻瓜和方便，SVG简直就疯狂的强调其的可扩展性.... 一个简单的例子，一条直线，如果要加一个箭头，VML里面直接在stroke里面添加一个属性startarrow或者endarrow就搞定了！可以添加包括bl...
web图形方案比较html5、GML、SVG、VML
weixin_33805557的博客
04-17 115
2019独角兽企业重金招聘Python工程师标准>>> ...
GML、SVG、VML三者的关系与区别比较
yydcj的专栏
01-10 1024
GML是表示实体空间信息和属性的标准，但它不支持直接显示图形。VML和SVG是在表示图形信息并加入图形显示信息，而SVG综合VML优点推出，是国际标准，比VML更具优点及前景。 1 GML (Geography Markup Language) 　　是基于XML的空间信息编码标准，由OpenGIS Consortium (OGC)提出，得到了许多公司的大力支持，如Oracle、Galdos、M
HTML5 绘制图形 Canvas 与 SVG 的基本用法
xdevilj136的博客
12-23 7758
HTML5 绘制图形 Canvas 与 SVG 的基本用法（笔记）Canvas和SVG是HTML5中主要的2D图形技术，前者提供画布标签和绘制API，后者是一整套独立的矢量图形语言，二者有各自的优势和特点，可适用于不同的场景。Canvas 与 SVG简单比较 Canvas SVG 提供API通过JavaScript 绘制 SVG使用 XML 格式定义基于矢量的图形 逐像素进行渲染
HTML5 Canvas 2D绘图详解与实践
"这篇文档是关于HTML5 Canvas的讲解，主要介绍了HTML5 Canvas在2D绘图中的应用，以及如何利用Canvas进行Web图形绘制，尤其是针对GIS（地理信息系统）的图形绘制。文中还讨论了从基于插件的绘图方式向HTML5 Canvas的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值