habr

Полезные рецепты ручного создания SVG

Признаюсь, поначалу я была скептиком ручного кодирования SVG. Будучи фронтенд-разработчиком, привыкшим приводить в порядок "плохие" SVG-файлы ...
habr

Как мы писали SVG виджеты для JavaScript

Честно признаюсь, что изначально передо мной стояла задача – написать на хабре про наш продукт. Первоначально я планировал ограничиться ...
tproger

Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 1

С помощью Anime.js можно анимировать свойства CSS, SVG-изображения или атрибуты DOM-дерева на веб-странице. Позволяет контролировать все аспекты ...
note

[JavaScript] SVG Manipulation: Dynamic Drawing with setAttribute

The true value of SVG (Scalable Vector Graphics) lies in the ability to access it directly from JavaScript as DOM elements, allowing for the dynamic rewriting of coordinates and styles. By mastering ...
tproger

Виды анимации на верстке: свойства, особенности, примеры кода

Frontend-разработчик AFFINAGE Данила Абрамов рассказывает, как оптимизировать анимации и делать их плавными. В статье разберем CSS Transition, CSS Animation ...
note

[JavaScript] SVG Animation: High-Performance Implementation with requestAnimationFrame

While CSS animations (Keyframes) are convenient, they are not suitable for responding to user interactions or movements involving complex calculations (such as sine waves). To synchronize with the ...
GitHub

This is a schematic editor that uses SVG format and a simple schematic library.

This editor can work in large character mode (for small schemes) and small character mode (for medium schemes). Please run the index.html file and select the editor mode. The editing image have a ...
GitHub

Stmen/js_svg_ac_instruments

Scalable Vector Graphics (SVG) is a file format for rendering images using vectors rather than a bitmap. This repo is less about how to construct an image using svg, than it is how to use svg with ...
I Programmer

SVG, JavaScript and the DOM

SVG is suddenly an important web technology. Let's take a look at using SVG with nothing but code. SVG is suddenly an important web technology - arguably more important that the new HTML5 Canvas.