如何将背景图像放入角度 11 - Javascript

在角度 11 中，我们可以使用以下代码将背景图像放入画布中：

var img = new Image();
img.onload = function() {
  ctx.drawImage(img, 0, 0);
};
img.src = 'path/to/image.jpg';

其中，ctx 是指向画布的上下文，img 是一个新的图片对象，通过设置 img.src 属性加载图片。图片加载完成后，我们可以使用 ctx.drawImage() 方法将其绘制到画布上。

ctx.drawImage() 方法有许多可选参数，例如缩放、剪切和旋转等。以下是一些常用参数的示例：

// 缩放
ctx.drawImage(img, 0, 0, img.width/2, img.height/2);

// 剪切
ctx.drawImage(img, 50, 50, 100, 100, 0, 0, 50, 50);

// 旋转
ctx.translate(img.width/2, img.height/2);
ctx.rotate(Math.PI/4);
ctx.drawImage(img, -img.width/2, -img.height/2);

以上示例演示了在画布上缩放、剪切和旋转图像的基本方法。您可以根据自己的需要使用不同的参数组合。

此外，还有其他方法可用于在画布上绘制背景，例如 ctx.fillStyle 和 ctx.createPattern()。有关更多信息，请查阅 MDN 文档。