canvas&SVG 各類坑 記錄

給canvas設置高度 寬度 坑

$("canvas").attr("width",w).attr("height",40);   正確

$("canvas").css("width",w).css("height",40);     畫筆比例會出問題

svg 和 jquery 一塊兒使用 坑

SVG DOM和HTML DOM 是不同的 也許你在瀏覽器裏看到的是同樣的

jquery 對dom的操做是html dom的，當你試圖用jquery 向dom裏添加svg 元素時，被添加的是html dom而不是svg dom 因此SVG 繪圖不會生效。可是使用d3.js如d3.apend("svg:g")是生效的。具體能夠看源碼查看。

CANVAS 在瀏覽器裏實際上是有最高繪製限制的再超過就會出現不可預知的錯誤，高度大約3到4個屏幕