Как обрезать фон, с помощь SVG-фигуры?

Question

[Dimka Matsi]

Читал я про SVG и в итоге не понимаю как реализовать фигуру чтобы обрезать фон ей. Я обычно всегда делал через css все.

Если кто-нибудь умеет и знает, могли бы мне помочь?

Comments

[Adamos]

https://stackoverflow.com/questions/3796025/fill-s...

Answer 1

[Dimka Matsi]

Сам реализовал процесс, кому интересно идем сюда, если будет не понятно пишите мне!

https://jsfiddle.net/ctboqquo/

Comments

[Adamos]

Что ж тут непонятного? SVG не осилил. Бывает...

[Dimka Matsi]

Adamos: Чувак, не беси, зайди в код и увидишь, что я сделал это через SVG.

[Adamos]

Dimka Matsi: я бы и не писал, если бы не видел, через что это было сделано.

Answer 2

[Максим Тимофеев]

Достаточно картинку кинуть на back svg фигуры. Можно и на чистом css сделать 2 белых треугольника, вообще без svg, можно svg залить белым и наложить на изображение.

Comments

[Dimka Matsi]

я вопросе указал, что я делал на css, вопрос как сделать именно на SVG!!

[Максим Тимофеев]

Dimka Matsi: в моем ответе описано 2 варианта с svg. + Adamos Дал Вам ссылку. Все еще не понятно? Тогда что конкретно не понятно?

[Dimka Matsi]

Максим Тимофеев: У меня вопросе сказано понятно, что я хочу ее залить белым цветом и обрезать, и ты мне это второй раз пишешь. Я не понимаю как сделать эту фигуру!!Читай вопрос внимательно!!Ибо я хочу такую фигуру в конце получить:

[Иван]

Dimka Matsi: что?Это не css,хоть я сам не дошёл ещё до svg,но и то понимаю,что что обрезать так не надо.



вот твоя фигура,делаешь её,даеш фон,и вуаля,она обрезана как еврей

[Dimka Matsi]

Иван: ты написал ерунду, если не можешь помочь с вопросом прошу не пиши. Ответ выше я для тебя написал!

[Максим Тимофеев]

Dimka Matsi: самый простой способ, взять ПО для работы с svg - inkscape (бесплатно). И там рисуется все что угодно, интерфейс не сложнее paint. Или же самостоятельно код прописать, вот классный и простой мануал: https://www.w3schools.com/graphics/svg_intro.asp
Видимо удобнее всего использовать фигуру многоугольник (polygon)

Answer 3

[Antony Bark]

в ответе Максима Тимофеева Максим Тимофеев есть решение, но вы Dimka Matsi Dimka Matsi поставили решением свой ответ,
решили именно так, как предложил Максим, хотя ему возразили что решение неверное. Достаточно резко ведёте общение.

off topic moderator
что-то часто (1-2 раза в неделю) стали попадаться топики, где автор ставит решением свой ответ.
Это нормально? Нет, я понимаю, когда не предложено никакого решения, но.. )

Comments

[Максим Тимофеев]

Чудак рейтинг себе набивает. Не стоит пытаться достучаться. Просто запомни и не отвечай ему, будет сам себя спрашивать и сам себе отвечать.

[Dimka Matsi]

Максим Тимофеев: когда я прошу дать ответ и помочь разобраться, а мне пишут не то что я хочу. Если бы я тут спросил ребят сколько будет 2+2=, то в комментах увидел очень интересную картину. Да ты тупой, как такого не знать, лучше вообще сложи 1+3. И ваши все ответы на мой вопрос похож на такую тему. По ходу ты себе рейтинг пытаешься набить, как итог я сам разобрался и выложил ответ. А все остальное что вы тут пишите, это ваши оправдания!

PS Ты чудачей меня, чудачило! И повторюсь вопрос был не в том чтобы это сделать на CSS! А кинуть можно, что угодно, мне нужен был сам процесс реализации. Без всяких генераторов!!!

[Максим Тимофеев]

а мне пишут не то что я хочу.

1. хз что Вы хотите
2. Человек тратил время, хотел помочь, хоть бы спасибо сказали

[Antony Bark]

Dimka Matsi: Ответ на поставленный вами вопрос был дан точно и в приемлемом объёме.
Учитесь формулировать вопросы.

И давайте без оскорблений, хорошо? Для этого не было никакого повода. Вы просите помощи - вам помогают.
Мы на приличном ресурсе, вам стоит извиниться за резкость в сторону оппонента