Javascript Chrome中的svg dropshadow问题:将阴影添加到实际容器中,而不是仅将阴影添加到图形中
我试图将高斯投影添加到SVGJavascript Chrome中的svg dropshadow问题:将阴影添加到实际容器中,而不是仅将阴影添加到图形中,javascript,jquery,css,svg,Javascript,Jquery,Css,Svg,我试图将高斯投影添加到SVG路径中,但由于某种原因,这在Chrome中似乎不太管用,而不是仅将阴影添加到图形中阴影添加到实际容器中?这在ff中是完美的视图吗 如何使其正确工作 Firefox渲染阴影,但截断图像(在您的示例中) Chrome、Safari、Opera-无阴影 我一直在想为什么我自己会有这么多不同 但我发现Opera可以很好地渲染阴影-对于Illustrator CS5导出的SVG-尽管Safari、Chrome和Firefox不会。。。 我猜SVG成为主要的web图形文件类型还为
路径
中,但由于某种原因,这在Chrome中似乎不太管用,而不是仅将阴影添加到图形中阴影添加到实际容器中?这在ff中是完美的视图吗
如何使其正确工作
Firefox渲染阴影,但截断图像(在您的示例中) Chrome、Safari、Opera-无阴影 我一直在想为什么我自己会有这么多不同 但我发现Opera可以很好地渲染阴影-对于Illustrator CS5导出的SVG-尽管Safari、Chrome和Firefox不会。。。 我猜SVG成为主要的web图形文件类型还为时过早(人们期待已久)
尽管如此,对所有的差异感到悲伤。。。Chrome是我发现的SVG动画中最平滑的在MacOSX10.7上的Chrome14.0.835.29开发版中,它看起来相当不错。真奇怪,我在windows上使用chrome,得到了完全不同的结果!Firefox的渲染是正确的。如果没有为svg元素提供宽度或高度,则根据CSS规范,它的大小应为默认替换元素大小300 x 150。