d3变换SVG多边形动画在Firefox中不平滑

的原因可能是由于Firefox浏览器对SVG动画的渲染机制与其他浏览器不同所导致的。为了解决这个问题，可以尝试以下几个方法：

使用CSS动画代替d3动画：尝试使用CSS动画来实现多边形的变换效果，而不是依赖d3库。CSS动画在各个浏览器中的兼容性较好，可能能够解决在Firefox中不平滑的问题。
优化SVG代码：检查SVG代码是否存在冗余或者不必要的元素，尽量减少SVG元素的数量和复杂度，以提高动画的性能和平滑度。
使用硬件加速：尝试使用CSS属性transform: translateZ(0)或者will-change: transform来启用硬件加速，以提高动画的流畅度。
更新浏览器版本：确保使用的Firefox浏览器版本是最新的，因为浏览器的更新通常会修复一些渲染问题。
调整动画参数：尝试调整动画的帧率、持续时间、缓动函数等参数，以找到在Firefox中较为平滑的效果。

对于d3变换SVG多边形动画在Firefox中不平滑的问题，腾讯云并没有直接相关的产品或者解决方案。但是腾讯云提供了丰富的云计算服务，如云服务器、云数据库、云存储等，可以帮助开发者构建和部署各种应用。具体的产品信息和介绍可以参考腾讯云官方网站：https://cloud.tencent.com/

d3变换SVG多边形动画在Firefox中不平滑

、、、

我正在使用d3为一个SVG多边形设置动画，如下所示… https://jsfiddle.net/p6jy5t0n/35/ 它在Chrome/Safari上很流畅，但在Firefox上却是可怕的颠簸--所讨论的代码简单地依赖于链接d3的转换来使星号增长，然后通过增加其笔划宽度来收缩回正常状态…… d3.select(".svgStar").transition().duration(500).ease.style("f

浏览 10提问于2019-01-22得票数 0

1回答

SVG在Mozilla Firefox中缩放svg-pan-zoom.js的性能问题

、、、

我使用javascript svg-pan-zoom.js () libary在web应用程序中缩放和pan svg。火狐的缩放非常缓慢和滞后，而放大Chrome和IE11的效果很好(测试了5MB的.svg文件，该文件提供了平面图--如果文件更小，这个问题就不会那么明显)。洗衣效果很好。

浏览 10提问于2015-05-11得票数 0

回答已采纳

1回答

CSS转换导致SVG在Firefox中摇摆

、、、

我在我的应用程序中有一个播放按钮的SVG，我在悬停时对其应用了CSS变换效果，并以少量的比例放大。这在Chrome中运行良好，但是在Firefox54中，当动画在移除:hover伪类后重置时，内部多边形会轻微摆动。我已经尝试了的答案，但都没有用。我正在使用的SVG和CSS，请确保在Firefox中查看。这个问题非常微妙，似乎三角形的缩放重置到了一个不同的位置，一旦过渡结束，它就会迅速恢复到原来的位置。我如何在<em

浏览 3提问于2017-06-26得票数 0

1回答

使用D3进行映射:旋转地球中的要素裁剪错误

、、、

我正在使用D3创建一个带有正交投影的世界地图，用户可以像使用地球一样用鼠标“旋转”。我在火狐中遇到了一些抖动渲染的问题，所以我使用R中的道格拉斯-皮克算法的实现来简化我的地图功能。我将其转储到geoJSON中，并让D3渲染它，如下例所示：。(请注意，我下面描述的问题不会发生在未简化的功能中，但如果我不简化，Firefox将无法使用。)Firefox的性能仍然很差(正在变得更好)，但一个新的问题已经悄悄出现。当您平移地球以使印度尼西亚

浏览 0提问于2013-06-07得票数 1

回答已采纳

1回答

通过fabric.js推动D3.js输出以支持IE8？

、、

拉斐尔可以使用可视化库 (它输出SVG并与IE8不兼容)使用桥接库，这是一种适合于与拉斐尔一起使用的D3分支。D34Raphael调整了一些(但不是全部) D3特性，将其输出到Raphael的抽象对象中，而不是DOM中，这样，在IE8上，Raphael可以将D3的输出解释为VML。根据我对Fabric文档的了解，它似乎可以尝试使用D34Raphael :它支持转换SVG路径、圆圈、多边形、椭圆、rect、行和图像元素，并与允许持续交互

浏览 1提问于2013-07-23得票数 6

回答已采纳

3回答

如何检测SVG动画是否可用

、、、、

有没有一种好的方法来检测SVG动画是否可用，然后适当地调整DOM？我正在使用animateMotion来动画一个包含images的g的运动。这只在Mozilla中有效；更糟糕的是，在Mozilla和WebKit中没有启动animateMotion会把图片放在不同的位置(但它们的位置并不相同！)。

浏览 2提问于2011-04-10得票数 4

回答已采纳

2回答

用D3.js、传单或Mapbox用Mercator地图包装大圆圈

、、、、

准确地在Mercator中投射出一个大圆圈半径。所以我有个难题。因此，我做了一个版本，允许我突出显示每一个迭代点：你可以很清楚地看到它正确地呈现了圆圈，但是多边形不正确地加入了它。就像这个粗糙的Photoshop渲染：然后多边形会以一种方式“关闭”，表明多边形上方的所有东西也都被包围在里面。不过，我不知道如何在传单中落实这样的内容。或者其他任何事情。也许我必须自己处理原始SVG，考虑到缩放状态？或者别的什么？在我进入那些险恶的杂草之前，我想我应该征求一些

浏览 3提问于2018-10-27得票数 8

回答已采纳

5回答