svg分图层显示图像
一、问题
给定的数组里包含位置相同但图层(layer,相当于z-index)不同的元素,但是本该位于下层的元素遮住了上层的元素,导致部分元素无法正常显示。
二、原因
svg规定:先添加至节点树的元素位于z-index底层,后添加的元素位于上层。然而给定的数组里图层元素排列混乱。
三、解决
将数组按图层顺序有小到大排序:
1 |
|
四、效果
svg终于正常显示…orz。
给定的数组里包含位置相同但图层(layer,相当于z-index)不同的元素,但是本该位于下层的元素遮住了上层的元素,导致部分元素无法正常显示。
svg规定:先添加至节点树的元素位于z-index底层,后添加的元素位于上层。然而给定的数组里图层元素排列混乱。
将数组按图层顺序有小到大排序:
1 |
|
svg终于正常显示…orz。