Development
Forums
-
- 222.1k
- posts
-
- 30.1k
- posts
-
- 20.3k
- posts
-
- 4.9k
- posts
-
- 2.2k
- posts
-
- 884
- posts
-
- 524
- posts
-
- 148
- posts
.thumb.png.93183027d7a2eba5b545b257503b0e32.png)
-
9 Опрос
-
Обсуждения
-
Это понятно, но как это сделать? Как выбрать ячейку, в которой есть ссылка? Это возможно в принципе средствами CSS? -
By Katerina23 · Posted
С помощью математических функцию удается сделать вращение квадрата состоящий из moveTo и lineTo. Как сделать тоже самое для картинки используя drawImage и transform? Мне нужно получить вот это пример анимация gif (только с drawImage). Вот пример кода анимации выше (чтобы запустить анимацию нужно удерживать любую кнопку на клавиатуре) <!doctype html> <html> <head> <meta charset="utf-8"> <title>Square 3D</title> </head> <body> <header> </header> <canvas id="canvas" width="400" height="400"></canvas> <script> function Point3d (x, y, z) { this.x = (x === undefined) ? 0 : x; this.y = (y === undefined) ? 0 : y; this.z = (z === undefined) ? 0 : z; this.fl = 250; this.vpX = 0; this.vpY = 0; this.cX = 0; this.cY = 0; this.cZ = 0; } Point3d.prototype.setVanishingPoint = function (vpX, vpY) { this.vpX = vpX; this.vpY = vpY; }; Point3d.prototype.setCenter = function (cX, cY, cZ) { this.cX = cX; this.cY = cY; this.cZ = cZ; }; Point3d.prototype.rotateX = function (angleX) { var cosX = Math.cos(angleX), sinX = Math.sin(angleX), y1 = this.y * cosX - this.z * sinX, z1 = this.z * cosX + this.y * sinX; this.y = y1; this.z = z1; }; Point3d.prototype.rotateY = function (angleY) { var cosY = Math.cos(angleY), sinY = Math.sin(angleY); var x1 = this.x * cosY - this.z * sinY, z1 = this.z * cosY + this.x * sinY; this.x = x1; this.z = z1; }; Point3d.prototype.rotateZ = function (angleZ) { var cosZ = Math.cos(angleZ), sinZ = Math.sin(angleZ), x1 = this.x * cosZ - this.y * sinZ, y1 = this.y * cosZ + this.x * sinZ; this.x = x1; this.y = y1; }; Point3d.prototype.getScreenX = function () { var scale = 0.7415770228276052; return this.vpX + (this.cX + this.x) * scale; }; Point3d.prototype.getScreenY = function () { var scale = 0.7415770228276052; return this.vpY + (this.cY + this.y) * scale; }; window.onload = function () { var canvas=document.getElementById('canvas'), context= canvas.getContext('2d'), BB = canvas.getBoundingClientRect(), points = [], fl = 250, vpX = canvas.width / 2, vpY = canvas.height / 2, angleX, angleY mouse = {x:0,y:0}; var offsetX=BB.left; var offsetY=BB.top; var img = new Image(); img.src="./img1.jpg"; img.width = 150; points[0] = new Point3d(-100, -100, 0); points[1] = new Point3d( 100, -100, 0); points[2] = new Point3d( 100, 100, 0); points[3] = new Point3d(-100, 100, 0); points[0].setVanishingPoint(vpX, vpY); points[1].setVanishingPoint(vpX, vpY); points[2].setVanishingPoint(vpX, vpY); points[3].setVanishingPoint(vpX, vpY); function myMove(e){ e.preventDefault(); e.stopPropagation(); var mx=parseInt(e.clientX-offsetX); var my=parseInt(e.clientY-offsetY); mouse={x:mx,y:my}; } function init() { canvas.onmousemove = myMove; } init(); document.addEventListener("keydown",function(evt) { drawFrame (); }); function drawFrame () { context.clearRect(0, 0, canvas.width, canvas.height); angleX = (392 - vpY) * 0.0005; angleY = (256 - vpX) * 0.0005; points[0].rotateX(angleX); points[0].rotateY(angleY); points[1].rotateX(angleX); points[1].rotateY(angleY); points[2].rotateX(angleX); points[2].rotateY(angleY); points[3].rotateX(angleX); points[3].rotateY(angleY); context.beginPath(); context.fillStyle = "rgba(255,0,0,0.5)"; context.lineTo(points[0].getScreenX(), points[0].getScreenY()); context.lineTo(points[1].getScreenX(), points[1].getScreenY()); context.lineTo(points[2].getScreenX(), points[2].getScreenY()); context.lineTo(points[3].getScreenX(), points[3].getScreenY()); // context.transform(points[0].getScreenX(), points[0].getScreenY(), -points[1].getScreenX(), points[1].getScreenY(), 1,-1); // context.drawImage(img, points[0].getScreenX(), points[0].getScreenY(), 150, 150); context.fill(); context.closePath(); context.stroke(); } }; </script> </body> </html> -
если таких страниц у вас не много можно просто прописать для всех Redirect 301 https://site.ru/USLUGI/ https://site.ru/uslugi/ а проще и функциональнее всего сделать проверку на PHP и перенаправлять $url = urldecode($_SERVER[REQUEST_SCHEME].'://'.$_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]); $url_ = mb_strtolower($url, 'UTF-8'); if($url_ !== $url) header('Location: '.$url_, true, 301); -
я не очень понимаю на вашем примере что вам нужно без каких либо адаптаций сделайте вариант того что вам нужно top left content right bottom что-то вроде подобного хотя бы
-
By Виктория Корольковская · Posted
Здравствуйте! Может кто подсказать, как лучше прописать правило для файла .htaccess для виртуального хостинга. Проблема в следующем: при изменение регистра url код ответа везде 200. Пример: https://site.ru/uslugi/ - 200 и https://site.ru/USLUGI/ - также код ответа 200. Мне подсказали правило, но по нему у меня происходит тройной 301 редирет (https://site.ru/USLUGI/ далее https://site.ru/uslugi/// далее https://site.ru/uslugi/// и только потом https://site.ru/uslugi/). Мне сказали, что на виртуальном хостинге mod_speling и RewriteMap недоступны, поэтому за один редирект на виртуальном хостинге гарантированно сменить регистр у всей URL не выйдет. Может кто встречался с такой проблемой? Или кто знает как можно сократить количество редиректов до одного? -
Спасибо за такой вариант! Т.к. у меня совсем мало опыта, не совсем понимаю как реализовать вашу идею в своём коде. Может подскажите на моём примере? -
что-то у вас там каша какая-то суть здесь https://jsfiddle.net/8jy045nv/
-