Помогу начинающим в веб-разработке, или владельцам сайтов⁠⁠

задайте себе вопрос почему вы используете именно SVG, почему не простой див?

Задал. И ответил: с div задача нерешаема, canvas более ресурсоёмок и есть ограничение по использованию canvas на странице.

Если коротко - без использования JS вписать с input текст в любой блок на станице(в том числе и в SVG - нельзя).

Мне не нужно с input его вписывать, мне нужно его масштабировать так, чтоб он занимал максимально возможное место.

во вторых переменные в JS именовать начиная с $ - плохой тон.

Схуяли? $ разрешённый символ, так почему его не использовать?

Во времена jQuery, доллар показывал, что переменная содержит jQuery объект. Это даже в гайдлайнах по jQuery есть.

Со смертью jQuery привычка осталась и доллар обозначает что в переменной находится DOM элемент или коллекция.

Вы задачу точно поняли?

Необходимо, чтоб текст максимально заполнил svg как при bacground-size: contain

Как вы эти стили к тексту примените?

Хм, а можете мне помочь? https://ru.stackoverflow.com/questions/1169344/%d0’%d0%bf%d0%b8%d1Ѓ%d0%b0%d1‚%d1%8c-%d1‚%d0%b5%d0%ba%d1Ѓ%d1‚-%d0%b2-svg-%d0%b1%d0%b5%d0%b7-%d0%b8%d1Ѓ%d0%bf%d0%be%d0%bb%d1%8c%d0%b7%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d1%8f-js

Скажи с чего начать учить самому, если ты полный ноль. Может ссылки на каналы или литературу. Не пишите "гугли", ибо сначало много лишнего и непонятного, которое отбивает желание что-то делать

вы хотите отказаться от JS в своём вопросе?

Название вопроса на это никак не намекает?

Вписать текст в svg без использования js

В таком случае не понял задачу :(

Текст должен занимать максимально допустимую область. Там же input есть, понабивайте текст и посмотрите на поведение.

Вы задачу точно поняли?

Необходимо, чтоб текст максимально заполнил svg как при bacground-size: contain

Как вы эти стили к тексту примените?

Вы задачу точно поняли?

Необходимо, чтоб текст максимально заполнил svg как при bacground-size: contain

Как вы эти стили к тексту примените?