<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><img src="2.jpg" alt="3.jpg" id="image11" ><p id="image22">图二</p><input type="button" name="button1" value="水平翻转" OnClick="document.getElementById('image11').style.filter='flipH'"><br><input type="button" name="button2" value="竖直翻转" OnClick="image11.style.filter:flipV"><br></body></html>
1 回答
已采纳
懒人3899010
TA贡献4条经验 获得超2个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="2.jpg" alt="3.jpg" id="image11" >
<p id="image22">图二</p>
<input type="button" name="button1" value="水平翻转" OnClick="document.getElementById('image11').style.transform='scaleX(-1)'">
<br>
<input type="button" name="button2" value="竖直翻转" OnClick="document.getElementById('image11').style.transform='scaleY(-1)'">
<br>
</body>
</html>
添加回答
举报
0/150
提交
取消