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 的区别的主要内容,如果未能解决你的问题,请参考以下文章