Реализует компонент SVG React. Руководство «беги или сражайся» на SVG. Поиск и изменение размера бесплатных иконок SVG для разных размеров монтажной области Давайте перейдем к делу. Компонент SVG Icon React Есть всего две части, чтобы заставить наш реагирующий компонент <Icon /> работать — 1. Сам <Icon /> , 2. Данные пути SVG. ( кредит ) Обратите внимание, что параметр size по умолчанию имеет значение 24 , так как это высота и ширина окна просмотра..

Снова добро пожаловать в наше введение в генерацию кода. Генерация кода из описания, не относящегося к коду, — большая тема, поэтому сейчас мы сосредоточим наше внимание на конкретной проблеме генерации кода JavaScript из рисунка SVG. В последней части нам удалось сгенерировать код, который мог не только рисовать прямоугольники, но и отображать их с разными размерами и соотношениями сторон. В этой последней части серии мы собираемся сделать наш генератор кода достаточно умным, чтобы..

На этой неделе еженедельный обмен ссылками на Frontend Development у нас есть пара достойных ссылок, которые вы можете проверить и поучиться. У нас есть ссылки на SVG, Frontend Tools, CSS, Github, PHP и JavaScript. Этот список основан на публикации всего сообщества на этой неделе! Надеемся, что это вам понравится! SVG Советы по созданию доступного SVG Раньше под доступной графикой подразумевались теги ALT. Леони Уотсон показывает, как SVG позволяет нам создавать..

Как часто вы приходили к тому, что хотели использовать «новую» функцию? Но потом вы поняли, что в вашем стеке браузеров содержится тот единственный браузер, о котором мы все можем рассказать свои собственные истории… И это был момент, когда вы были вынуждены добавить modernizr или, что еще хуже, добавить обнюхивание пользовательского агента. Я думаю, вы поняли картину. Недавно у меня был проект, в котором мы хотели использовать идентификатор фрагмента для выбора выделенного символа из..

Недавно я сделал галерею для ManyPixels , в которой отображаются SVG-иллюстрации, которые могут помочь людям в их проектах, что-то вроде Undraw по своему поведению. Использовать его довольно просто: вы просматриваете галерею, выбираете цвет, соответствующий вашему бренду, щелкаете по нему, загружаете в формате PNG или SVG (с обновленными цветами!) И вуаля! Так как я это сделал? Это работа разработчиков и иллюстраторов. Правильный дизайн Для создания всех иллюстраций мы..