我正在尝试制作一个能拍几张照片的功能，并为背景制作拼贴类型的东西。我一直在尝试使用HTML 5 <canvas>，但没有运气。我有各种图像，每个图像是16x16像素。当我试图将它们添加到画布时，它们变得非常“平滑”，但我需要它们像素化。它们看起来也比我想象的大16像素大。我已经对此进行了研究，但似乎没有任何结果可行。我应该继续使用画布还是有更好/更简单的方法？
这是我使用的JavaScript：
var bg = document.getElementById("background".getContext("2d");
var img1 = new Image();
var img2 = new Image();
//etc...
img5.onload = function(){
bg.drawImage(img1,0,0,16,16);
bg.drawImage(img2,0,16,16,16);
//etc...
}
img1.src="1.jpg";
img1.src="2.jpg";
//etc...
P.S。我确定这段代码非常低效，但我会在以后清理它。