Svg L.polygon被剪裁时的传单问题
我正在使用Svg L.polygon被剪裁时的传单问题,svg,leaflet,Svg,Leaflet,我正在使用L.polygon在地图上创建一些正方形和东西,但有时当我用鼠标pan时,fill会被剪裁成clipped: 我怎样才能避免这种情况 多边形的SVG是: <path stroke-linejoin="round" stroke-linecap="round" fill-rule="evenodd" stroke="#0033ff" stroke-opacity="1" stroke-width="5" fill="#0033ff" fill-opacity="1" d="M-2
L.polygon
在地图上创建一些正方形和东西,但有时当我用鼠标pan
时,fill
会被剪裁成clipped
:
我怎样才能避免这种情况
多边形的SVG是:
<path stroke-linejoin="round" stroke-linecap="round" fill-rule="evenodd" stroke="#0033ff" stroke-opacity="1" stroke-width="5" fill="#0033ff" fill-opacity="1" d="M-2247 -185L-2247 23L-27 23M-27 -185L-2247 -185"></path>
SVG的主要元素是:
<svg class=" leaflet-zoom-animated" width="2672" height="1002" viewBox="-3138 -821 2672 1002" style="-webkit-transform: translate3d(-3138px, -821px, 0);">
这在
IE 9.0.8112.16421和Chrome 29.0.1547.76 m中都会发生,你能创建一个JSFIDLE来显示问题吗?很难从上面看出问题出在哪里(可能与另一个元素发生了一些交互)。我一直在尝试添加和创建一个小提琴,但它的工作方式与我的示例不同,我没有像下面这样使用地理坐标,我尝试重新创建问题: