Меню
Что нового?

Помогите перевернють изображение на 90 градусов

Flanker

незнайка
Помогите перевернють изображение на 90 градусов

Помогите перевернють изображение на 90 градусов,
возможно ли увеличивыть изображение что б оно не выходило из рамки=>Рамка постоянная а изображенние меняеться.
Спасибо.
Пожайлуста не отправляйтк меня на Google .
Я пробовал разобрять пример GoogleMap-результат работы впечатляюший а разобраться не могу.
 

Flanker

незнайка
Спасибо, но я в твоём не разобрался.

Могу тебе предложить свой выход из ситуации, только в Innterner Explorer не работает.

Правдо жестоким методом, вставкой рисунка в канвас.
Код: 
<html>
<head>

</head>
<body >
<input type="button" onClick="JavaScript:setImageIntoCanvas('p.jpg',true);" value="set rotated image"><br>
<input type="button" value="set ordinal image" onClick="JavaScript:setImageIntoCanvas('p.jpg',false);"><br>

<canvas id="canvas" width="600" height="1000" left=0 top=0>Hello</canvas>

<script type="application/x-javascript">
//imgSrc=..<=путь к рисунку
//если caseT==true тогда только рисунок переварачивается 
//в другой ситуации он вставляеться без изменений
//За разположение отвечают поля canvas
function setImageIntoCanvas(imageSrc,caseT)
{
 var canvas = document.getElementById("canvas");
 var ctx=canvas.getContext("2d");
 ctx.save();
 var wImage = new Image();
 wImage.src=imageSrc;
  if (caseT==true)
    {
     canvas.width=wImage.height;
     canvas.height=wImage.width;
     ctx.translate(canvas.width,0);
     ctx.rotate(Math.PI*90/180);
    }
  else
    {
     canvas.width=wImage.width;
     canvas.height=wImage.height;
    }
 ctx.clearRect(0,0,canvas.width,canvas.height);
 ctx.drawImage(wImage,0,0);
 ctx.restore();
}
</script>
-~{}~ 25.07.06 22:05:

У кого легче выриант?. предложите пожайлуста, а то этот метод для иеня кажется деревянным
 
Войдите или зарегистрируйтесь для ответа.
Сверху