如何使用Javascript缩小图像

How to shrink image using Javascript

本文关键字：图像 缩小 Javascript 何使用      更新时间：2023-09-26

我正在尝试制作一个函数，每当我单击按钮时，屏幕上的图像宽度都会减少100px，图片宽度都是800px，这是我所拥有的：

var width_of_pic = 800 ;
function shrink() {
  width_of_pic = width_of_pic - 100;
  var image_element= document.getElementById( "image_element_id" ) ;
  image_element.style.width = width_of_pic;
}

假设 ID 正确，您需要指定一个单位：

image_element.style.width = width_of_pic+'px';

js小提琴示例

相关文章：