我正在尝试将这个SVG代码的背景改为透明,但没有成功。我对SVG很陌生,不知道在谷歌上找不到解决方案;有人能帮忙吗?
demo:http://jsfiddle.net/kougiland/SzfSJ/1/
<svg xmlns="http://www.w3.org/2000/svg" width="300px" height="100px" viewBox="0 0 300 100">
<rect x="0" y="0" width="300" height="100" stroke="transparent" stroke-width="1" />
<circle cx="0" cy="50" r="15" fill="blue" stroke="transparent" stroke-width="1">
<animateMotion path="M 0 0 H 300 Z" dur="3s" repeatCount="indefinite" />
</circle>
<circle id="rotatingBall" cx="0" cy="50" r="15" fill="green" stroke="transparent" stroke-width="1" opacity="0.8"></circle>
<animateTransform xlink:href="#rotatingBall" attributeName="transform" begin="0s" dur="2s" type="rotate" from="0 20 20" to="360 100 60" repeatCount="indefinite" />
</svg>
transparent
关键字。 - mindplay.dknone
不是规范中的有效关键字,但在渲染时比transparent
更快?您是否实际进行了基准测试,或者是什么让您认为transparent
的填充/描边会与none
有所不同? - mindplay.dk#ffffff00
或#ffffff30
。如果采用上述HEX代码,您的答案是否仍然能够提供更快的渲染速度? - Gangula