You can draw a rotated image with CANVAS
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Test</title>
<style>canvas { border: 1px solid; }</style>
<script>
window.onload = function() {
c = document.getElementById("tutorial").getContext("2d");
i = new Image();
i.src = "http://javascript.ru/forum/images/ca_serenity/misc/logo.gif";
i.onload = function() {
c.rotate(1.5);
c.drawImage(i,0,-100, 336, 76);
}
}
</script>
</head>
<body>
<canvas id="tutorial" width="500" height="500"></canvas>
</body>
</html>
http://developer.mozilla.org/en/docs/Canvas_tutorial
|