Jump to content

HTML Coding

HTML, CSS and other interesting technologies


29,345 questions in this forum

  1. Типичные ошибки начинающего верстальщика

    1 vote
    154 answers
  2. "Помогите мне с ..." — Как правильно оформить вопрос/проблему

    2 votes
    19 answers
  3. Как применить свойство к родительскому элементу?

    0 votes
    2 answers
  4. Адаптивность колонок

    0 votes
    3 answers
  5. Позиционирование

    0 votes
    4 answers
  6. Как поместить div в не wrapper?

    0 votes
    1 answer
  7. Как расположить radio input вертикально?

    0 votes
    8 answers
  8. работа type="time" и вывод установленного времени в консоль

    0 votes
    1 answer
  9. Adaptation of the subscription form

    0 votes
    6 answers
  10. Не понимаю, что сделал не так.

    0 votes
    3 answers
  11. Как мне определить точно определить расположение пунктированой линий

    0 votes
    1 answer
  12. Сворачивание меню при нажатии на ссылку

    0 votes
    2 answers
  13. Не работающий слайдер

    0 votes
    2 answers
  14. Убрать часть url

    0 votes
    2 answers
  15. Оформить как ссылку

    0 votes
    1 answer
  16. не "выезжает" текст под картинкой при ее нажатии.

    0 votes
    1 answer
  17. Выровнять столбцы в футере

    0 votes
    3 answers
  18. Увеличение символа мнемоники

    0 votes
    2 answers
  19. В чем может быть моя проблема? После того как я поменял формат файла с TXT на HTML, файл начал выглядеть по другому

    0 votes
    2 answers
  20. При добавлении контента в блоки секции, её размер должен увеличиваться.

    0 votes
    2 answers
  21. Проблема с сылками в навигации

    0 votes
    2 answers
  22. Блок страницы всегда сверху шапки

    0 votes
    4 answers
  23. Как изменить цвет вертикальной линии?

    0 votes
    3 answers
  24. Картинка через :after на одном уровне со ссылкой

    0 votes
    1 answer
  25. Упорядочить страницы карты сайта тегами div

    0 votes
    3 answers
  • 9 Опрос

    You do not have permission to vote in this poll, or see the poll results. Please sign in or register to vote in this poll.
  • Обсуждения

    • Это понятно, но как это сделать? Как выбрать ячейку, в которой есть ссылка? Это возможно в принципе средствами CSS?
    • С помощью математических функцию удается сделать вращение квадрата состоящий из 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 что-то вроде подобного хотя бы
    • Здравствуйте! Может кто подсказать, как лучше прописать правило для файла .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/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy