您的位置：首页 > 其它

canvans标签下的间距问题--解决

2015-03-30 14:27 29 查看

css:

*{margin:0;padding:0;}
#canvas{width:320px;height:200px;}
#box1{background:#000;width:320px;height:100px;}

html:

<canvas id="canvas"></canvas>
<div id="box1"></div>

js:

var canvas=document.getElementById("canvas");
var context= canvas.getContext("2d");
context.fillStyle="#F60";
context.fillRect(0,0,320,200);

效果：

会发现：在已经设了margin的情况下依然存在缝隙

让我联想到了 用a标签包裹img标签 时的现象

解决方法：给canvans加了一个

display:block;

解决！

猜想：canvans标签默认应该是

display:inline-block;

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航