SVG_图形中空部分可点选

Posted Html5Skill

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SVG_图形中空部分可点选相关的知识,希望对你有一定的参考价值。

1、比较下面两个图形:

  1.1、<rect x="100" y="100" width="40" height="80" stroke="blue" stroke-width="5" fill="none" fill-opacity="0"/>

  1.2、<rect x="200" y="100" width="40" height="80" stroke="blue" stroke-width="5" fill="black" fill-opacity="0"/>

 

  ZC: (1)、点击 “1.1”矩形的中间空心部分,是 选取不到这个矩形的

  ZC: (2)、点击 “1.2”矩形的中间空心部分,是 可以选取到这个矩形的

2、

3、

 

以上是关于SVG_图形中空部分可点选的主要内容,如果未能解决你的问题,请参考以下文章

svg是啥文件格式

使用Gulp生成SVG Symbols Sprites

SVG基本图形

D3系列06-canvas和SVG的比较

您好,我也想问一下 svg 图形之间用线连起来一起动

SVG可缩放矢量图形