<div>
  feBlend.mode：
  <label><input type="radio" name="mode" value="normal" checked onchange="onModeChange(arguments[0])" />normal</label>
  <label><input type="radio" name="mode" value="multiply" onchange="onModeChange(arguments[0])" />multiply</label>
  <label><input type="radio" name="mode" value="screen" onchange="onModeChange(arguments[0])" />screen  </label>
  <label><input type="radio" name="mode" value="overlay" onchange="onModeChange(arguments[0])" />overlay</label>
  <label><input type="radio" name="mode" value="darken" onchange="onModeChange(arguments[0])" />darken</label>
  <label><input type="radio" name="mode" value="lighten" onchange="onModeChange(arguments[0])" />lighten</label>
  <label><input type="radio" name="mode" value="color-dodge" onchange="onModeChange(arguments[0])" />color-dodge</label>
  <label><input type="radio" name="mode" value="color-burn" onchange="onModeChange(arguments[0])" />color-burn</label>
  <label><input type="radio" name="mode" value="hard-light" onchange="onModeChange(arguments[0])" />hard-light</label>
  <label><input type="radio" name="mode" value="soft-light" onchange="onModeChange(arguments[0])" />soft-light</label>
  <label><input type="radio" name="mode" value="difference" onchange="onModeChange(arguments[0])" />difference</label>
  <label><input type="radio" name="mode" value="exclusion" onchange="onModeChange(arguments[0])" />exclusion</label>
  <label><input type="radio" name="mode" value="hue" onchange="onModeChange(arguments[0])" />hue</label>
  <label><input type="radio" name="mode" value="saturation" onchange="onModeChange(arguments[0])" />saturation</label>
  <label><input type="radio" name="mode" value="color" onchange="onModeChange(arguments[0])" />color</label>
  <label><input type="radio" name="mode" value="luminosity" onchange="onModeChange(arguments[0])" />luminosity</label>
</div>
<br>

<svg width="300" height="300">
  <filter id="myFilter" x="0" y="0" width="1" height="1">
    <feImage width="100%" height="100%" href="https://common-1301829111.cos.ap-shanghai.myqcloud.com/img%2Fflower-1.jpg" result="flower" />
    <feBlend id="feBlend" in="SourceGraphic" in2="flower" />
  </filter>
  <circle cx="50%" cy="50%" r="50%" fill="green" filter="url(#myFilter)" />
</svg>

function onModeChange(e) {
  const feBlend = document.getElementById("feBlend");
  feBlend.setAttribute("mode", e.target.value);
}