не квадратную маску для тега?
https://runebook.dev/ru/docs/svg/element/foreignobject https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject <svg width="200" height="200"> <defs> <mask id="content-mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"> <rect width="1" height="1" fill="white" /> <foreignObject width="1" height="1"> <div style="width: 100%; height: 100%; background-color: black;"></div> </foreignObject> </mask> </defs> <rect width="200" height="200" mask="url(#content-mask)" fill="blue" /> </svg> такое может подойти?
Обсуждают сегодня