我刚刚开始使用SVG.我注意到即使使用SVG和完全相同的DOM,结果在显示器上看起来也可能不同.
看看这个js小提琴(http://jsfiddle.net/ZHukw/).它是一个SVG画布内的简单矩形.
如果您将矩形节点直接粘贴到HTML中,但是如果您通过Jquery添加矩形,则矩形是可见的,它只是不会在屏幕上显示.所以最终的DOM输出是相同的,但显示是不同的.
我错过了什么吗?
HTML:
<svg id='svg'>
</svg>
Run Code Online (Sandbox Code Playgroud)
JS:
$('#svg').attr('width',1600)
$('#svg').attr('height',1600)
$('#svg').append('<rect width="200" height="200" fill="black"></rect>')
Run Code Online (Sandbox Code Playgroud)