Существует ли инструмент для программного рисования геометрических фигур?
-
06-07-2019 - |
Вопрос
Как закругленный угол для веб-страниц,
Я хочу нарисовать его, установив параметры и программно.
Редактировать
Он должен быть способен генерировать изображение, подобное
(источник: alistapart.com)
Решение
По сути, вы рисуете растровое изображение в оперативной памяти для создания изображения, затем либо сохраняете его как GIF-файл, либо отправляете непосредственно в браузер, сообщая ему, что отправляете GIF-файл.Вам нужно будет выполнить тот же тип разметки и позиционирования отдельных элементов, что и веб-дизайнеры в Photoshop, за исключением того, что всю работу выполнит ваш код.
Одну из возможных библиотек смотрите в разделе libgd здесь где вы, вероятно, использовали бы line()
нарисовать прямые линии и arc()
чтобы нарисовать углы.Конечно, чтобы получить заштрихованную линию, вам нужно нарисовать несколько линий, каждый раз немного отступая и меняя цвет.
Чтобы увидеть, как веб-дизайнеры делают это, взгляните на эта страница.Обратите внимание на список используемых угловых изображений.Перед написанием кода всегда полезно понять альтернативные способы его выполнения.Возможно, вы предпочтете вместо этого используем CSS, который, вероятно, проще кодировать.
Я не рекомендую использовать какой-либо canvas, потому что большинство браузеров его не поддерживают, и почти по той же причине я не думаю, что SVG - хороший способ сделать это для сайтов общего назначения, где вы просто изменяете внешний вид контента.