2

近くに2枚の帆布を配置しようとしています。しかし、残念ながら、2つのキャンバスを含めると、2つのキャンバスの間にスペースが自動的に生成されます。その空きスペースを削除する方法、またはその2つのキャンバスを結合する方法。これが私のフィドルフィドルです

これが私のコードです：

<canvas id="button" width="30" height="30" style="border:1px solid #d3d3d3;background-color:green;"></canvas> 
<canvas id="button" width="30" height="30" style="border:1px solid #d3d3d3;background-color:green;"></canvas> 
​

スクリプトは次のとおりです。

window.onload=function()
{
var canvas = document.getElementById("button");
var ctx = canvas.getContext('2d');
}​
4

1 に答える 1

7

HTMLの改行はスペースとして扱われています。2つのキャンバス間の空白を取り除くだけです。

<canvas id="button" width="30" height="30" style="border:1px solid #d3d3d3;background-color:green;">
</canvas><canvas id="button" width="30" height="30" style="border:1px solid #d3d3d3;background-color:green;">
</canvas>

フィドルを参照してください。

または使用：

<canvas id="button" width="30" height="30" style="border:1px solid #d3d3d3;background-color:green;"></canvas><!--
--><canvas id="button" width="30" height="30" style="border:1px solid #d3d3d3;background-color:green;"></canvas>
于 2012-12-19T03:58:58.313 に答える