Как изображения SVG растягиваются и заполняются? [закрыто] ⇐ CSS

[Anonymous]

Здесь я пишу html с индикатором температуры. Я пробовал много чего. Я использую график SVG размером 500 на 20 пикселей. Я разрешаю ему растягиваться, потому что это всего лишь градиентный цвет, но понимаю, почему он плохо заполняется, когда я растягиваю его на некоторую ширину?
html: https:// blucap.wangyifang.com/app/details/
введите сюда описание изображения
И есть еще вопрос, я хочу, чтобы его цвет соответствовал на следующий, вместо такого несоответствующего цвета, который, кажется, нужно обрезать крайнюю левую и правую части SVG, есть ли какая-нибудь идея?
введите описание изображения здесь
введите описание изображения здесь
p>
Я попробовал искусственный интеллект, но не нашел решения.

Подробнее здесь: https://stackoverflow.com/questions/787 ... h-and-fill