使用JavaScript写一个下载图片代码
时间: 2023-02-24 17:07:15 浏览: 66
下面是一个简单的 JavaScript 代码,用于下载图片:
```
var link = document.createElement('a');
link.href = 'image_url';
link.download = 'image_name.jpg';
link.click();
```
其中,`image_url` 是图片的 URL 地址,`image_name.jpg` 是下载图片的文件名。这段代码通过创建一个超链接元素,并将其 `href` 属性设置为图片 URL 地址,`download` 属性设置为图片文件名,最后通过调用 `click()` 方法来触发下载。
相关问题
请给一个使用javascript语言进行图片缩放的代码示例
以下是一个简单的使用JavaScript实现图片缩放的示例代码:
HTML代码:
```html
<img id="myImg" src="my-image.jpg" width="500" height="300">
<button onclick="zoomIn()">放大</button>
<button onclick="zoomOut()">缩小</button>
```
JavaScript代码:
```javascript
var img = document.getElementById("myImg");
var currentSize = 1;
function zoomIn() {
currentSize += 0.1;
img.style.transform = "scale(" + currentSize + ")";
}
function zoomOut() {
currentSize -= 0.1;
img.style.transform = "scale(" + currentSize + ")";
}
```
这段代码实现了一个简单的图片缩放功能,点击“放大”按钮会将图片放大0.1倍,点击“缩小”按钮会将图片缩小0.1倍。这是通过改变图片的CSS属性transform实现的。注意,这里的缩放是基于图片原始大小的缩放,因此需要确保图片的原始大小与HTML代码中所指定的大小一致。
写一段好玩的JavaScript代码
好的,这里是一个简单的JavaScript代码,可以让你在网页上抓住一个可爱的小猫咪:
```javascript
// 创建一个 img 元素
var img = document.createElement("img");
// 设置图片地址
img.src = "https://i.imgur.com/69NjYBH.gif";
// 设置图片样式
img.style.position = "fixed";
img.style.bottom = "0";
img.style.right = "0";
img.style.width = "150px";
img.style.zIndex = "9999";
// 添加到页面中
document.body.appendChild(img);
// 当用户点击小猫咪时,它会消失
img.addEventListener("click", function() {
document.body.removeChild(img);
});
```
当你在网页上打开这段代码时,你会看到一个可爱的小猫咪在页面的右下角跑来跑去,你可以点击它,让它消失。
相关推荐












