两个 Canvas 之间有空隙

原因: HTML 页面中 回车导致的空格占位符

原 HTML code

<canvas id="canvas1" wdith="512" height="512"></canvas>
<canvas id="canvas2" wdith="512" height="512"></canvas>

修改后 HTML code

<!-- 利用html注释符占位 -->
<canvas id="canvas1" wdith="512" height="512"></canvas><!--
--><canvas id="canvas2" wdith="512" height="512"></canvas>

或 使用

<!-- 不实用回车符号， 直接在一行写两个canvas -->
<canvas id="canvas1" wdith="512" height="512"></canvas><canvas id="canvas2" wdith="512" height="512"></canvas>

或 使用

/* css 文件下 利用浮动 */
canvas {
	float: left;
}