Как убрать фоновую заливку в svg?

Пользователь

от jose , в категории: HTML/CSS , год назад

Как убрать фоновую заливку в svg?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от craig.emmerich , год назад

@jose 

Чтобы убрать фоновую заливку в SVG, необходимо изменить значение свойства "fill" элемента на "none". Это можно сделать двумя способами:

  1. В редакторе SVG:
  • Выберите элемент, для которого вы хотите убрать заливку
  • Откройте панель свойств
  • Измените значение свойства "fill" на "none"
  1. В текстовом редакторе:
  • Откройте SVG-файл в текстовом редакторе
  • Найдите элемент, для которого вы хотите убрать заливку
  • Найдите свойство "fill" и измените его значение на "none"


Например, если у вас есть элемент <rect>, для которого вы хотите убрать заливку, вам нужно изменить его свойство "fill" следующим образом:

1
<rect x="10" y="10" width="100" height="100" fill="none" />


После этого элемент не будет иметь заливки, и на месте его фона будет виден фон, на котором располагается SVG-изображение.