SVG和HTML5 Canvas有什么区别？他们似乎都对我这样做.基本上,他们都使用坐标点绘制矢量图稿.
我错过了什么？SVG和HTML5 Canvas有哪些主要区别？我为什么要选择一个而不是另一个？
我有这个可缩放的热图，放大或缩小时看起来太慢了。有没有什么可以让它更快/更流畅，或者它的积分太多了，这是我能拥有的最好的。我想知道是否有一些技巧可以让浏览器更轻，同时保持工具提示等增强功能。或者也许我的代码处理缩放功能不是很好。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
.axis text {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000000;
}
.x.axis path {
//display: none;
}
.chart rect {
fill: steelblue;
}
.chart text {
fill: white;
font: 10px sans-serif;
text-anchor: end;
}
#tooltip {
position:absolute;
background-color: #2B292E;
color: white;
font-family: sans-serif;
font-size: 15px;
pointer-events: none; /*dont trigger events on the tooltip*/
padding: 15px 20px 10px 20px;
text-align: center;
opacity: 0;
border-radius: 4px;
} …