Поворот картинки на нужный угол в HTML с помощью javascript Поворот картинки на нужный угол в HTML с помощью javascript - Архив
Поворот картинки на нужный угол в HTML с помощью javascript
DownLoad_Free

Поворот картинки на нужный угол в HTML с помощью javascript - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Поворот картинки на нужный угол в HTML с помощью javascript (именно чистого javascript, без применения модулей)
Поворот картинки на нужный угол в HTML с помощью javascript
Дата: Пятница, 24.09.2010, 14:04 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524
<canvas id="ci" width="800" height="500"></canvas>
<script>
var g1="http://pro-dosug.moy.su/_ph/2/2/117157545.jpg";

function rot_image(gg,x1,y1,r){
var i = new Image();
i.onload = function(){
var c = document.getElementById("ci").getContext("2d");
var beta = (r*Math.PI)/360;
c.translate(x1,y1);
c.rotate(beta);
c.drawImage(i, 0, 0, 300, 300);
}
i.src = gg;
}

rot_image(g1,250,-60,50);
//gg=адрес картинки, x1=координата Х, y1=координата У, r - угол наклона

</script>

 
Дата: Пятница, 24.09.2010, 14:10 | Сообщение # 2
Группа: Администраторы
Сообщений: 1524
Поворот картинки с помощью модуля Рафаел

http://kachay.ucoz.org/load....1-0-181

 
Дата: Воскресенье, 19.06.2016, 13:11 | Сообщение # 3
Группа: Администраторы
Сообщений: 1524
А нынче наклоняют и поворачивают так ) http://codepen.io/anikey99/pen/qNaRjX

css:
---------------------------------------
transform: perspective(400px) rotateY(30deg) rotateX(30deg)
 
Архив » История мировых и локальных событий » История развития сайта » Поворот картинки на нужный угол в HTML с помощью javascript (именно чистого javascript, без применения модулей)
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!