如何使用 svg 標簽更改相交部分顏色
[英]How to change intersect section color using svg tag
問題描述
您能否使用 svg 標簽幫助更改下圖中的相交部分顏色。
<svg width="120" height="80"> <circle cx="50" cy="50" r="25" stroke="white" stroke-width="1" fill="black" fill-opacity="0.6" /> <circle cx="80" cy="50" r="25" stroke="white" stroke-width="1" fill="black" fill-opacity="0.6" /> </svg>
提前致謝。
1 個解決方案
解決方案1
3 2021-04-30 06:47:57
您可以通過用左側剪切右側圓圈的副本來創建新形狀，反之亦然
<svg width="120" height="80"> <clipPath id="cp"> <use xlink:href="#l"/> </clipPath> <g fill-opacity=".6" fill="black"> <circle id="l" cx="50" cy="50" r="25" /> <circle id="r" cx="80" cy="50" r="25" /> </g> <use xlink:href="#r" clip-path="url(#cp)" fill="red"/> </svg>
如何在點擊時更改 SVG 部分的顏色，然后在點擊其他地方后改回原來的顏色？
[英]How to change the color of section of a SVG on click then change back after clicking elsewhere?
如何使用jQuery動態更改SVG圓填充顏色的顏色
[英]How to change the color of an SVG circle fill color using jQuery dynamically
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.