canvas 与svg 的区别

canvas是画布。位图

不要在style中给canvas设置宽高。会有位移差

var c=document.getElementById("c1");

//给c设置一个绘图环境，得到的是一个对象

var can=c.getContext("2d");

svg　　svg是矢量图

svg绘制矢量图canvas用于绘制位图

svg使用xml格式绘制图形

svg要有一个根节点，叫svg标签，相当于html

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

　　<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /></circle>

<svg>

原文地址：https://www.cnblogs.com/txf-123/p/10903720.html