تصف هذه المقالة طريقة تنفيذ الوجه 360 درجة من الزر للتحكم في الصورة. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <html>
<TITLE> JS PUNTERS BUNTER CONTROL IMAGE 360 DEGREE EFFER
<body>
<script language = "javaScript">
var isie = (document.uniqueid)؟ 1: 0 ؛
var i = 1 ؛
وظيفة تدوير (صورة)
{
var object = image.parentNode ؛
إذا (isie) {
image.style.filter = "progId: dimizageTransform.Microsoft.BasicImage (Rotation ="+i+")" ؛
i ++ ؛
if (i> 4) {i = 1} ؛
}
آخر{
يحاول{
var canvas = document.createElement ('canvas') ؛
if (canvas.getContext ("2d")) {
Object.replacechild (قماش ، صورة) ؛
var context = canvas.getContext ("2d") ؛
context.translate (176 ، 0) ؛
context.rotate (Math.pi*0.5) ؛
context.drawImage (صورة ، 0،0) ؛
}
} catch (e) {}
}
}
</script>
<type type = "button" value = "انقر لتدوير الصورة" onClick = "Rotate (document.getElementById ('myimg'))" /> <br />
<img id = "myimg" src = "/images/m03.jpg"/>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.