Web Мастерская
Контакт
  • Ghost
    Ghost
    Администратор

Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

Рисование в SVG: От простого к сложному

SVG
Scalable Vector Graphics (SVG) — это мощный инструмент для создания векторной графики, который позволяет создавать высококачественные изображения, способные масштабироваться без потери качества. В этой статье мы рассмотрим, как рисовать в SVG, начиная с простых фигур и заканчивая сложными изображениями.

Основные фигуры в SVG



1. Прямоугольник (<rect>)
Прямоугольник определяется четырьмя атрибутами: x, y, width и height:
Выделить
<rect x="10" y="10" width="100" height="100" fill="blue"/>

2. Окружность (<circle>)
Окружность определяется тремя атрибутами: cx, cy и r:
Выделить
<circle cx="50" cy="50" r="40" fill="green"/>

3. Линия (<line>)
Линия определяется четырьмя атрибутами: x1, y1, x2 и y2:
Выделить
<line x1="10" y1="10" x2="90" y2="90" stroke="black" stroke-width="2"/>

4. Многоугольник (<polygon>)
Многоугольник определяется атрибутом points, который содержит координаты вершин:
Выделить
<polygon points="10,10 50,10 50,50 10,50" fill="yellow"/>


Создание сложных изображений



1. Путь (<path>)
Путь...

SVG и SEO: Как Scalable Vector Graphics помогает улучшить поисковую оптимизацию

SEO SVG
Scalable Vector Graphics (SVG) — это формат векторной графики, который становится все более популярным в веб-разработке. Помимо преимуществ, связанных с качеством и производительностью, SVG также может сыграть значительную роль в улучшении поисковой оптимизации (SEO) вашего сайта. В этой статье мы рассмотрим, как SVG-файлы могут помочь улучшить SEO и какие техники помогут оптимизировать изображения.



Как SVG-файлы помогают улучшить SEO?



1. Маленький размер файлов
SVG-файлы имеют малый размер по сравнению с растровыми изображениями (PNG, JPEG). Это ускоряет загрузку страницы, что положительно влияет на рейтинг в поисковых системах.

2. Возможность индексации текста
SVG-файлы позволяют включать текст в изображение, который индексируется поисковыми системами. Это дает возможность оптимизировать изображения для ключевых слов.

3. Масштабируемость без потери качества
SVG-изображения остаются четкими при любом разрешении экрана, что улучшает пользовательский опыт и повышает конверсию.

4. Поддержка а...

SVG: Атрибут transform

SVG
Scalable Vector Graphics (SVG) — это мощный инструмент для создания векторной графики, которая способна масштабироваться без потери качества. Одним из ключевых аспектов работы с SVG является возможность трансформировать элементы, что позволяет создавать динамичные и интерактивные изображения. В этой статье мы рассмотрим атрибут transform и его возможности.

Что такое атрибут transform?


Атрибут transform позволяет изменять положение, ориентацию и размер элементов SVG. Он поддерживает шесть основных типов трансформаций:
  • translate: перемещение элемента по осям X и Y.
  • scale: масштабирование элемента по осям X и Y.
  • rotate: поворот элемента вокруг центральной точки.
  • skewX: наклон элемента по оси X.
  • skewY: наклон элемента по оси Y.
  • matrix: произвольная матричная трансформация.

Примеры использования атрибута transform



Translate
Трансформация translate позволяет переместить элемент на указанное количество единиц по осям X и Y:
Выделить
<rect x="10" y="10" width="100" height="100"
...

PHP: Cannot redeclare class

PHP Ошибка
Если вы получили ошибку «Fatal error: Cannot redeclare class», значит, ваш скрипт пытается повторно объявить класс, который уже был объявлен ранее. Давайте разберемся, почему это происходит и как это исправить.

Что означает ошибка «Cannot redeclare class»?


Эта ошибка возникает, когда PHP встречает попытку повторного объявления класса, который уже был объявлен ранее. Такое часто бывает при неправильном включении файлов или использовании автозагрузки классов.

Пример ошибки:
Выделить
class MyClass {}

// ...

class MyClass {} // Повторное объявление

При выполнении этого кода PHP выдаст ошибку:
Выделить
Fatal error: Cannot redeclare class MyClass

Причины появления ошибки


  1. Повторное включение файлов: если вы используете конструкции include или require, убедитесь, что файл с классом подключается только один раз.
  2. Автозагрузка классов: если используете автозагрузку классов (например, через Composer), убедитесь, что класс не загружается повторно.
  3. Пространства имен: если используете пространства имен,
...

PHP: Как перевести zXXX в часовой пояс?

PHP
В PHP аббревиатуру типа «Z260» напрямую перевести в часовой пояс невозможно, так как это обозначение нестандартное и не общепринятое в PHP. Обычно часовые пояса представлены в формате Continent/City (например, Europe/Moscow, America/Los_Angeles) или с использованием сдвигов от Всемирного координированного времени (UTC), например, UTC+3.

Что делать, если нужно получить часовой пояс из нестандартного обозначения типа «zXXX»?



Связать «zXXX» с конкретным городом или регионом
Если известно, что «zXXX» соответствует определённому городу или региону, можно создать таблицу соответствия и переводить вручную:
Выделить
$zoneMapping = [
    'zXXX' => 'Europe/Moscow', // например, Москва
    // другие пары Zone -> City
];

$tz = $zoneMapping['Z260'];
$dt = new DateTime('now', new DateTimeZone($tz));
echo $dt->format('Y-m-d H:i:s e');

Если «zXXX» содержит смещение (например, UTC±3)
Если «zXXX» обозначает смещение относительно UTC, можно воспользоваться этим смещением:
Выделить
$offsetHours =
...
Реклама