บทความนี้อธิบายวิธีการใช้ปุ่ม 360 องศาเพื่อควบคุมภาพ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<title> js ใช้การควบคุมปุ่มภาพ 360 องศาเอฟเฟกต์ </title>
<body>
<ภาษาสคริปต์ = "JavaScript">
var isie = (document.uniqueid)? 1: 0;
var i = 1;
ฟังก์ชั่นหมุน (ภาพ)
-
var object = image.parentNode;
ถ้า (isie) {
image.style.filter = "progid: dximagetransform.microsoft.basicimage (rotation ="+i+")";
i ++;
if (i> 4) {i = 1};
-
อื่น{
พยายาม{
var canvas = document.createElement ('Canvas');
if (canvas.getContext ("2d")) {
Object.replacechild (Canvas, Image);
var context = canvas.getContext ("2d");
บริบทการแปล (176, 0);
context.rotate (math.pi*0.5);
บริบท DRAWIMAGE (ภาพ, 0,0);
-
} catch (e) {}
-
-
</script>
<อินพุต type = "ปุ่ม" value = "คลิกเพื่อหมุนภาพ" onclick = "rotate (document.getElementById ('myimg'))" /> <br />>
<img id = "myimg" src = "/images/m03.jpg"/> >>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน