1、SVG

svg是用XML描述图形的一种语言，它是不依赖分辨率的。并且可以添加js事件处理器。简单来说就是，我们可以把它当做字体一样来处理。

1.1、XML

xml指可扩展标记语言（eXtensible Markup Language）。通常用来传输和储存数据。
下面实例是 Jani 写给 Tove 的便签，存储为 XML：

<?xml version="1.0" encoding="UTF-8"?>
<note>
  <to>Tove</to>
  <from>Jani</from>
  <heading>Reminder</heading>
  <body>Don't forget me this weekend!</body>
</note>

这就是一条简单的xml，它包含了一些信息，并拥有标题和消息的主体。我们可以通过软件或程序来发送、接收以及显示这条文档。

2、canvas

canvas则是通过js来绘制图形，是不支持事件处理器的。

欢聚时代2017校招笔试题目（web前端类）个人解读（二）
关于SVG和CANVAS，下面陈述正确的有?A.SVG做动画性能要优于CANVASB.CANVAS做动画性能要优于...
关于canvas和svg
canvas和svg都是用来在浏览器中创建图形； 1、SVG svg是用XML描述图形的一种语言，它是不依赖分辨率...
无标题文章
SVG svg和canvas的区别 svg绘制的是矢量图， canvas绘制的是位图 svg使用XML来绘制图片，...
H5 新特性05
SVG svg与canvas的区别 canvas绘制的是位图， svg绘制的是矢量图 canvas使用Ja...
技术干货：前端图形化技术简介（上）
Canvas与SVG 前端图形化技术，主要包括Canvas绘图和SVG绘图两类。 Canvas早在十几年前就被火狐...
常见面试题---网络相关及HTML篇（二）
一、canvas和svg的区别 svg绘制出来的图形，每个元素都是一个dom节点，方便绑定事件和方法，canvas...
2019-08-28 canvas
canvas和SVG的区别：canvas使用它提供的方法来绘图，绘图API简洁。SVG通过构建XML元素数绘图，对...
d3.js绘制的svg图像保存为png图片
思路：（svg => canvas => png）把svg作为dataurl放在image 创建一个canvas...
2017-07-06
Canvas和SVG Canvas 通过Javascript 来绘制 2D 图形。Canvas 是逐像素进行渲染的...
SVG和Canvas
Canvs和SVG都是前端绘图技术 SVG 指可缩放矢量图形，是用于描述二维矢量图形的一种图形格式，是由万维网联盟...