| ← Апрель 2024 | ||||||
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
|---|---|---|---|---|---|---|
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
|
29
|
30
|
|||||
За последние 60 дней ни разу не выходила
Сайт рассылки:
http://webdiz.com.ua
Открыта:
01-06-2016
Как создать сайт от новичка до гуру. А также как зарабатывать на сайте и не толко
Статистика
0 за неделю
Как создать сайт
Bootstrap 4 - Spinners (Спиннеры) Здравствуйте! В этой статье рассмотрим компонент Bootstrap 4 - спинер, который прелназначен для создания анимации при загрузке страницы. Это покажет пользователю, что страница загружается, а не зависла. Читать далее ...
Как создать сайт
Bootstrap 4 Card - контент в виде карточки Здравствуйте! В этой статье, я хочу рассказать о компоненте Bootstrap 4 Card. Рассмотрим, как он создаётся, настраивается, а также как с помощью него создать элемент интерфейса Bootstrap 3 Panels. Читать далее ...
Как создать сайт
Сетка Bootstrap 4 Здравствуйте! В этой статье разберём сетку Bootstrap 4. Сетка - это основная часть этого фреймворка, которая позволяет очень быстро и достаточно просто верстать адаптивные сайты. Сетку Bootstrap 4 можно использовать отдельно (без других компонентов. Данный вариант применения фреймворка тоже используется веб-разработчиками, т.к. не всегда готовые Bootstrap элементы, такие как кнопки, навигационные панели, таблицы и прочие компоненты можно использовать в рамках одного проекта. В основном эт...
Как создать сайт
Рисование мышью на Canvas Здравствуйте! В этом уроке рассмотрим практический пример с использованием Canvas. Ранее мы рассматривали в основном статическую графику на canvas. Но мы также можем создавать фигуры динамически, просто рисуя указателем мыши. То есть создадим такой графический редактор. Читать далее ...
Как создать сайт
Трансформации в Canvas Здравствуйте! В этом уроке рассмотрим трансформации на Canvas. О трансформациях на CSS можно почитать в этой статье . Элемент canvas поддерживает такие трансформации - перемещение, вращение, масштабирование. Читать далее ...
Как создать сайт
Работа с пикселями Здравствуйте! В этом уроке разберем как с помощью canvas можно редактировать пикселы. В общем HTML5 предоставляет встроенную функциональность для редактирования изображения и установки значения конкретных пикселей на canvas. В частности, мы можем изменить цветовые значения пикселя, его прозрачность. Для этого предназначены такие методы, как getImageData, putImageData) и createImageData. Читать далее ...
Как создать сайт
Добавление теней на Canvas Здравствуйте! В этом уроке рассмотрим как можно добавить тень на Canvas. Элемент canvas поддерживает добавление теней к нарисованным объектам. Причем тень можно добавлять к тексту и рисункам. Читать далее ...
Как создать сайт
Создание изображений на canvas Здравствуйте! В этом уроке рассмотрим как на canvas можно выводить картинки и фото. Ранее уже рассматривалась установка изображений в качестве фона в прямоугольниках, но мы также может отдельно выводить изображения на canvas. Для этого используется метод drawImage: context.drawImage(image, x, y) Здесь параметр image передает выводимое изображение, а x и y - координаты верхнего левого угла изображения. Читать далее ...
Как создать сайт
Рисование фигур на Canvas Здравствуйте! В этом уроке рассмотрим в этом уроке рассмотрим, как с помощью canvas можно рисовать разные фигуры - линии, дуги и делать комплексные фигуры. Для оформления сложных фигур используется концепция геометрических путей, которые представляют собой набор линий, окружностей, прямоугольников и других более мелких деталей, необходимых для построения более сложной фигуры. Читать далее ...
Как создать сайт
Рисование текста на Canvas Здравствуйте! В этом уроке рассмотрим, как можно используя Canvas добавлять шрифт на веб-страницу, только шрифт этот будет как рисунок. Наряду с геометрическими фигурами и изображениями canvas позволяет выводить текст. Доля этого вначале надо установить у контекста canvas свойство font: Читать далее var canvas = document.getElementById("myCanvas", context = canvas.getContext("2d"); context.font = "22px Verdana"; ...
