zoukankan      html  css  js  c++  java
  • JavaScript控制图片360度旋转代码

    代码简介:

    JavaScript控制一张图片旋转,每次旋转90度,可旋转一周360度,以前没见到过,也不知道有没有用,奉献给大家,希望喜欢。

    代码内容:

    View Code
    <title>JavaScript控制图片360度旋转代码 - www.webdm.cn</title>
    <script language="javascript">
    var isIE = (document.uniqueID)?1:0;
    var i=1;
    function rotate(image)
    {
    var object = image.parentNode;
    if(isIE){
    image.style.filter
    ="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")";
    i
    ++;
    if(i>4) {i=1};
    }
    else{
    try{
    var canvas = document.createElement('canvas');
    if(canvas.getContext("2d")) {
    object.replaceChild(canvas,image);
    var context = canvas.getContext("2d");
    context.translate(
    176, 0);
    context.rotate(Math.PI
    *0.5);
    context.drawImage(image,
    0,0);
    }
    }
    catch(e){}
    }
    }
    </script>
    <img id="myimg" src="http://www.webdm.cn/images/wall1.jpg "/> <br />
    <input type="button" value="旋转" onclick="rotate(document.getElementById('myimg'))" />
    <br />
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>

    代码来自:http://www.webdm.cn/webcode/2c6901bf-94b4-4e31-acf3-066393860296.html

  • 相关阅读:
    代码品质
    窖藏好题
    最后一次模拟
    几个有意思的题目
    【数组练习】
    【复习】图论
    【复习】后缀数组
    The Usage Of Difference Table
    【复习】NTT注意事项
    CF999E Reachability from the Capital
  • 原文地址:https://www.cnblogs.com/webdm/p/2293097.html
Copyright © 2011-2022 走看看