完整HTML代碼如下：
<!DOCTYPE HTML>
<html>
<head>
<title>圖片旋轉 在線演示</title>
<script type="text/javascript">
function startup() {
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var img = new Image();
img.onload = function() {
ctx.translate(img.width / 2, img.height / 2);
ctx.rotate(30 * Math.PI / 120);
// 120為設置旋轉角度
ctx.drawImage(img, 0, 0, 165, 60); // 165和60分別是圖片寬度高度
}
}
</script>
</head>
<body onload='startup();'>
<p id="pw_body" style="width:100%;height:100%">
<canvas id="canvas" style="position: absolute; left: 300px; top: 100px;" width="800" height="600"></canvas>
</p>
<p>部分代碼整理于網絡</p>
</body>
</html>本html圖片旋轉是將圖片作為網頁背景圖片進行旋轉，但是實際根據需要使用。因為不兼容低版本的IE，所以實用性不是很強。
相信看了這些案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！
相關閱讀：
網頁中使用h標簽的開發經驗
怎么優化HTML網頁
HTML如何2d和3d轉換
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 www.polareal.com 版權所有
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
