Создать svg с выбираемым текстом

Я новичок в дизайне. У меня с собой фотошоп и иллюстратор. Мне нужно создать svg, где я смогу выбрать текст внутри него. Как показано в этом примере , где текст можно выделить.

В настоящее время, если я сохраняю текст svg в иллюстраторе, текст преобразуется в изображение. ( не могу выделить текст )

Что вы пробовали? Не могли бы вы объяснить, что такое ваш экспорт/ svgнастройки? Спасибо!
@ Винсент Я только что запустил с настройками по умолчанию ( поскольку у меня мало знаний об этом программном обеспечении ). Мне просто нужно иметь возможность выбрать текст внутри сгенерированного svg.
Это уже ценная информация, спасибо.
Возникла проблема с вашим вопросом. Пример не очень информативен, так как показывает обтравочную маску и другую форму того, о чем вы спрашиваете. (но также возможна обтравочная маска с выбираемым текстом)

Ответы (1)

В Illustrator вы можете сохранить как .svg. На панели параметров SVG для типа вы должны выбрать «SVG». Другой вариант «Преобразовать в контур» преобразует текст в векторную форму.

Вы можете перетащить файл .svg в браузер и проверить, доступен ли он для выбора.

Затем в текстовом редакторе вы можете редактировать текст из файла SVG или стилизовать его с помощью CSS.

Параметры иллюстратора SVG

SVG-файл в браузере

SVG-файл в текстовом редакторе (Sublime Text)

Но это не сохранит текст внутри svg. Это сделает текст также как в формате изображения.
Это здорово :) Никогда не тестировал это раньше @Dan Kraepelin
Я прикрепил несколько фотографий. Надеюсь, поможет.
Ваша организация закладок потрясающая.
Ха-ха. Спасибо. Распознавание бренда в действии.