canvas 与svg 的区别

Posted txf-123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于canvas 与svg 的区别的主要内容,如果未能解决你的问题,请参考以下文章

canvas与svg的区别

CANVAS画布与SVG的区别

canvas 与svg 的区别

HTML5——Canvas 与 SVG 区别

echarts 底层基于canvas ,highcharts 底层基于svg;canvas 与svg 的区别

HTML中SVG和CANVAS的区别