实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>SVG 实例 - 自学教程(runoops.com)</title> </head> <body> <svg width="100%" height="100%" viewBox="0 0 150 120" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <filter id="colorMatrix"> <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /> </filter> <g filter=""> <circle cx="30" cy="30" r="20" fill="red" fill-opacity="0.5" /> </g> <g filter="url(#colorMatrix)"> <circle cx="80" cy="30" r="20" fill="red" fill-opacity="0.5" /> </g> </svg> </body> </html>
运行结果：