Как я могу получить один путь/заполнение SVG, чтобы быть нарисованным только «внутри» другого сложного пути SVG? ⇐ Html

[Anonymous]

У меня есть форма бутылки в SVG, у которого есть декоративный вихрь и несколько других линий, пересекающих интерьер, так что я не уверен, что считается «внутри» и «снаружи» по пути. Я хочу поместить форму волны «внутри», но я не получаю никаких положительных результатов, экспериментирующих с < /code> и не уверен, работают ли внутренние линии в бутылке. />

Код: Выделить всё

  * {
margin: 0;
box-sizing: border-box;
}
.container {
height: 100dvh;
}
svg {
display: block;
padding-block: 5%;
}< /code>

Surrounding the bottle path with a tag just results in the wave shape alone appearing:


* {
margin: 0;
box-sizing: border-box;
}
.container {
height: 100dvh;
}
svg {
display: block;
padding-block: 5%;
}< /code>









< /code>
< /div>
< /div>
< /p>
окружающий путь волнового пути < /code> просто отображает бутылку: < /p>


* {
margin: 0;
box-sizing: border-box;
}
.container {
height: 100dvh;
}
svg {
display: block;
padding-block: 5%;
}< /code>









< /code>
< /div>
< /div>
< /p>
Это путь бутылки, загруженный в редактору браузера SVG: https://yqnn.github.io/svg-path-editor/ ... 8794_34.92 22_93.2227_19_135.503M89.6174_72.5661V2H125M89.6174_72.5661H125M19_135.503C-0.902 714_188.355_-0.0185633_201.762_9.29124_288.909C17.1881_362.829_33.8318_424.189_4 4.8889_432.248C60.9111_443.925_84_454.607_125_454.607m19_135.503C130.2_168.307_15 5_202.255_125_251.842M160.383_72.5661C171.624_70.8794_215.078_93.2227_231_135.50 3M160.383_72.5661V2H125M160.383_72.5661H125M231_135.503C250.903_188.355_250.019_2 01.762_240.709_288.909C232.812_362.829_216.168_424.189_205.111_432.248C189.089_44 3.925_166_454.607_125_454.607M231_135.503C119.8_168.307_95_202.255_125_251.842


Подробнее здесь: https://stackoverflow.com/questions/794 ... plex-svg-p