{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Простая рисовалка на CSS.","type":"unstyled","key":"1s3v6"},{"data":{"image":{"id":"610cb5649d5d4d71cbaa09d0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"daut3"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":45,"offset":31}],"inlineStyleRanges":[],"text":"Недавно мы рассказывали о том, чем отличается растровая графика от векторной. Если коротко: растровая графика фотореалистичная, состоит из точек, но её нельзя увеличивать бесконечно без потери качества. Векторная графика работает наоборот: она подходит не для фотографий, а больше для простых рисунков, но её можно увеличивать как угодно и качество останется идеальным.","type":"unstyled","key":"dvia9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сегодня поговорим о том, как рисовать векторную графику в вебе стандартными средствами HTML.","type":"unstyled","key":"di6f8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что такое и зачем нужно SVG","type":"header-two","key":"b456r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SVG расшифровывается как scalable vector graphics, «масштабируемая векторная графика». Это значит, перед нами векторное изображение, которое можно масштабировать без потери качества.","type":"unstyled","key":"9o1lg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SVG — это не единственный формат векторной графики, есть много других. Но именно SVG используют на веб-страницах и в HTML-коде. Его инструкции оптимизированы для веб-разработки, и отрисовка происходит прямо в браузере. И, самое главное, все команды SVG представлены в виде текста и координат, а не в виде отдельных файлов. Это значит, что SVG-изображение можно зашить прямо в код веб-страницы, что иногда бывает незаменимо.","type":"unstyled","key":"f7mcs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"SVG используется в вебе для отрисовки:","type":"unstyled","key":"4f3dv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"геометрических фигур и линий,","type":"unordered-list-item","key":"73d3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"логотипов,","type":"unordered-list-item","key":"isqs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"элементов интерфейса на странице,","type":"unordered-list-item","key":"5698r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"простых картинок и иллюстраций.","type":"unordered-list-item","key":"3dov0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как использовать SVG на странице","type":"header-two","key":"4mu9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обычно когда хотят что-то нарисовать в HTML, то используют холст с тегом

:","type":"unstyled","key":"4mscn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Привет, это журнал Код!