在 JavaScript 中导入图片有两种方法：使用 标签，指定图片路径，简单易用。使用 Image 对象，允许动态加载和对图像进行操作，但更复杂。
如何在 JavaScript 中导入图片
在 JavaScript 中导入图片有两种主要方法：
1. 使用
这是最简单的方法，只需要使用 HTML
@@##@@
2. 使用 Image 对象
更灵活的方法是使用 JavaScript Image 对象。这允许您在加载图像之前对其进行操作，例如调整大小或裁剪。
const image = new Image();
image.src = "path/to/image.jpg";
image.onload = function() {
// 图片加载完毕后执行此函数
};详细说明
使用 
src 属性指定图像的路径。alt 属性提供图像的替代文本，这对于辅助功能和搜索引擎优化很重要。
优点：
- 简单易用
- 在所有浏览器中得到支持
缺点：
- 不能动态加载图像（在页面加载后）
- 缺少对图像操作的控制
使用 Image 对象
Image 对象允许您在加载图像之前对其进行操作。可以使用 src 属性设置图像的路径，onload 事件侦听器将在图像加载完成后触发。
image.width = 200; // 设置图片的宽度 image.height = 200; // 设置图片的高度 image.style.borderRadius = "50%"; // 设置图片的边框半径
优点：
- 允许动态加载图像
- 提供对图像操作的控制
缺点：
- 比
- 在旧浏览器中可能不支持
