有放大图片的按钮,点击按钮时无限放大,应该怎么解决
发布网友
发布时间：2022-04-24 03:03
共2个回答
热心网友
时间：2022-04-22 06:21
图片放大可以用和这个方法，图片放大后不会失真
第一步，添加需要放大的图片
第二步，批量添加，如果多余可以删除
第三步，可以选择风格，降噪程度
第四步，选择放大倍数
第五步，自定义输出位置
第六步，设置完成后点击开始放大
热心网友
时间：2022-04-22 07:39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>图片放大缩小</title>
<style type="text/css">
</style>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<div style="display:flex;flex-direction:row;">
<button id="bigger" onclick="blowup()">放大</button>
<div id="mqp">
<img id="images1" src="http://www.pig66.com/uploadfile/2017/0511/20170511074941292.jpg" alt="" />
</div>
<button id="smaller" onclick="rece()">缩小</button>
</div>
<script>
function blowup() {
var images1 = document.getElementById("images1");
// if (images1.width <= 900) {//*最大
images1.width = images1.width + 20;
// }
}
function rece() {
var images1 = document.getElementById("images1");
// if (images1.width > 500) {//*最小
images1.width = images1.width - 20;
// }
}
</script>
</body>
</html>
