Существует ли инструмент для программного рисования геометрических фигур?

StackOverflow https://stackoverflow.com/questions/1624524

  •  06-07-2019
  •  | 
  •  

Вопрос

Как закругленный угол для веб-страниц,

Я хочу нарисовать его, установив параметры и программно.

Редактировать

Он должен быть способен генерировать изображение, подобное alt text
(источник: alistapart.com)

Это было полезно?

Решение

По сути, вы рисуете растровое изображение в оперативной памяти для создания изображения, затем либо сохраняете его как GIF-файл, либо отправляете непосредственно в браузер, сообщая ему, что отправляете GIF-файл.Вам нужно будет выполнить тот же тип разметки и позиционирования отдельных элементов, что и веб-дизайнеры в Photoshop, за исключением того, что всю работу выполнит ваш код.

Одну из возможных библиотек смотрите в разделе libgd здесь где вы, вероятно, использовали бы line() нарисовать прямые линии и arc() чтобы нарисовать углы.Конечно, чтобы получить заштрихованную линию, вам нужно нарисовать несколько линий, каждый раз немного отступая и меняя цвет.

Чтобы увидеть, как веб-дизайнеры делают это, взгляните на эта страница.Обратите внимание на список используемых угловых изображений.Перед написанием кода всегда полезно понять альтернативные способы его выполнения.Возможно, вы предпочтете вместо этого используем CSS, который, вероятно, проще кодировать.

Я не рекомендую использовать какой-либо canvas, потому что большинство браузеров его не поддерживают, и почти по той же причине я не думаю, что SVG - хороший способ сделать это для сайтов общего назначения, где вы просто изменяете внешний вид контента.

Другие советы

Вы не можете использовать формат SVG?Вы можете создавать SVG-файлы программно.

попробуй SVG или Холст ?

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top