Javascript 如何将图像设置为<；帆布>；背景

我正在进行一个项目，该项目将在表下有一个表和画布字段

我需要把其中一张图片作为背景，我的例子是tshirt.png

到目前为止，我已经做了以下工作。我有两个文件（index.html和jQuery.js）

索引

---

欢迎任何帮助

画布当然会采用不同的思维方式和方法，但请记住，有时要后退一步，考虑一种更“简单”的方法，这将有助于过度设计代码

只需使用CSS来定义背景

background: url("images/tshirt.png");

---

下面是您如何在

中设置它的方法，为什么不使用css背景？在我的情况下会是怎样的？如果你能写下代码，我将非常感激。我不知道你的情况会怎样，因为你的意图不清楚，你想在这里做什么。。您知道如何在css中设置背景吗？我想将tshirt.png设置为背景（background.src=“images/tshirt.png”）。我在使用CSS方面没有丰富的经验。因为图像是从jQuery.js.ok加载的，所以它给了我额外的问题。。但是为什么要通过js加载图像呢？看看吧：这不能解决我的问题。该项目是这样的，例如，我会有一个有一排羊和衬衫的桌子。每行都有坐标x、y、z。如果我更改了tshirt（背景）或sheep.png的坐标，表中的内容将在画布上移动。这就是我在项目结束时得到的。通过这种方式，如果我删除，您可以为我提供一个解决方案：var background=new Image（）；background.src=“images/tshirt.png”；addEventListener（“加载”，函数（）{canvas.drawImage（background，025200300）}，false）；只需在css背景中编写：url（“images/tshirt.png”）；它不会将tshirt.png显示为背景。因此，您是否希望每行都有一个图像…例如…绵羊行的背景为sheep.png…而衬衫行的背景为shirts.png？帆布在你桌子后面吗？

function doFirst(){
    var x = document.getElementById('canvas');
    canvas = x.getContext('2d');

    var pic = new Image();
    pic.src = "images/sheep.png";
    pic.addEventListener("load", function() { canvas.drawImage(pic,0,0,100,200)}, false);

    var background = new Image();
    background.src = "images/tshirt.png";
    background.addEventListener("load",function(){
        canvas.drawImage(background,0,250,200,300)}, false);
    }
    window.addEventListener("load", doFirst, false);

background: url("images/tshirt.png");