Показать сообщение отдельно
  #3 (permalink)  
Старый 17.09.2010, 01:37
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Как так можно… За целый день не смог нагуглить решение?
На первой странице по 3-й ссылке сразу же находим пример:
Цитата:
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
Ответить с цитированием