Публикации по теме 'svg'
Текстовый редактор JavaScript для SVG
Демо | Гитхаб
В статье описано, как сделать текстовый редактор. Исходный код прилагается.
Многострочный текст в SVG
SVG не имеет символа разрыва строки. Для многострочного текста SVG использует ‹tspan›.
<text x="0" y="0">
<tspan x="0" y="0">Line 1</tspan>
<tspan x="0" y="20px">Line 2</tspan>
<!-- Line 3 is empty
<tspan x="0"..
Понимание SVG ViewBox
Понимание SVG ViewBox
Хотя полное понимание того, как работают SVG, довольно сложно и может считаться «редким» навыком, оно может оказаться весьма полезным. ViewBox может оказаться весьма запутанным для новичка, поэтому вот базовое руководство, в котором я рассказываю самые основы viewBox.
Поле просмотра
viewBox — это то, что делает SVG масштабируемыми. Мы можем сделать наш SVG любого размера, который нам нравится, и все будет масштабироваться естественным образом, поскольку..
Схематичные графики с помощью Rough.js
Создавайте собственные диаграммы реагирования в грубом, нарисованном от руки виде.
Создание привлекательных и интерактивных графиков в React Native всегда было сложной и интересной задачей. Но на этот раз я хотел уйти от «стандартного» вида диаграмм и создать забавный , игривый и нетрадиционный стиль визуализации. Я понял, что нарисованные от руки диаграммы могут помочь сломить первоначальное сопротивление пользователей и позволить им лучше усвоить новый материал. На..
Как реализовать SVG-спрайты в React
Читая этот пост, я уверен, что вы, вероятно, получите некоторое представление о преимуществах использования встроенного SVG вместо простых тегов ‹img›, которые указывают на локальный файл SVG в папке с ресурсами.
<img src="@assets/cool-icon.svg"></img>
Давайте посмотрим на эту строчку, она довольно проста и ее делают все, но почему бы им не делать этого? Что ж, если вы посмотрите на вкладку своей сети (с помощью инструментов разработчика браузера) при запуске..
Создание радиального дерева с использованием D3.js для JavaScript
Создание радиального дерева с использованием D3.js для JavaScript
В этой статье я опишу вам, как вы можете закодировать радиальное дерево на JavaScript, используя библиотеку D3.js (версия 6). Попутно я также рассмотрю ряд концепций, используемых в D3.js и SVG для HTML. Так что, даже если радиальные деревья вас не интересуют, вы все равно можете найти здесь полезную информацию.
Причина написания этого заключается в том, что я искал простое и понятное решение, но не нашел ни одного,..
Эксперименты с Torch RNN - SVG (Часть 1)
Это похоже на естественный обряд посвящения, когда, когда вы изучаете машинное обучение и сталкиваетесь с Неоправданной эффективностью рекуррентной нейронной сети Андрея Карпати, вы начинаете воображать, какой еще сумасшедший текст вы можете бросить в модель персонажа. Итак, в качестве первого эксперимента по применению машинного обучения в дизайне я решил попробовать обучить модель персонажа RNN с помощью файлов SVG. Файлы взяты из замечательной коллекции SVG-логотипов с открытым..
Загрузка в формате SVG: временное решение
Если вы помните, пару месяцев назад в моих сообщениях о LastWave я упомянул, что одной из двух больших проблем при создании LastWave была возможность передать пользователю SVG. На момент написания этого поста моим лучшим решением было использование «Chrome SVG-ломика», который, хотя и решал проблему, явно не был идеальным решением и оставил меня неудовлетворенным. С тех пор я возился с преобразованием SVG и сохранением файлов и случайно наткнулся на ловкий трюк, который позволил мне..
