Я хочу применить составную операцию в моем проекте рендеринга графики в SVG.В моем проекте используются составные операции src-Over, dst-out, dst-in, dst-over и т. д.Я не хочу использовать fecomposite, я нашел некоторую помощь при поиске в Интернете, но он не работал, даже когда я запускаю этот код в codepen.io .
Вот мойкод.
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.2" baseProfile="full" xmlns="http://www.w3.org/2000/svg" id="simplecompop"
width="100%" height="100%" viewBox="0 0 480 360">
<title>Simple Compositing</title>
<g id="content">
<circle cx="200" cy="160" r="50" fill="blue" opacity="0.7"/>
<rect x="180" y="150" width="160" height="100" fill="red" opacity="0.8" comp-op="src-atop"/>
</g>
</svg>
мой вывод Desire такой, как показано ниже.
И что я получаю в качестве вывода при выполненииэтот код как показано ниже.
У меня вопрос, почему я не получаю составную операцию с атрибутом "comp-op".Опять же, я не хочу применять fecomposite, если таковой имеется, другим простым способом, тогда, пожалуйста, предложите.
Ниже представлен весь составной рабочий вывод, который я нашел в Интернете.
