Javascript 检查何时使用硬件加速执行css转换

我已经在一个特定的问题上工作了很长时间，这个问题是制作一个svg图像，可以在手机上使用手势拖动和缩放

我使用hammer.js来检测手势，我当前的实现工作如下

当检测到拖动时，SVG元素将使用带matrix3d值的-webkit转换进行转换。完成手势后，将计算新的viewbox，并将变换返回到标识矩阵

当检测到收缩时，SVG元素将使用带matrix3d值的-webkit转换进行缩放。完成手势后，将计算新的viewbox，并将变换返回到标识矩阵

为了进一步提高性能，将在请求动画帧调用中应用属性更改

这意味着，放大图像时，图像将在缩放过程中光栅化，然后会有一个小延迟，并且在viewbox计算完成时，图像将被清晰地重新渲染

这一过程的全部目的是使用GPU完成手势转换/缩放，并获得流畅的用户体验

我希望能够做的是检查特定的转换是否被推送到gpu

例如，运行我上面描述的代码。在大多数桌面浏览器上，它工作正常，但这是因为桌面性能意味着即使图像不断重新渲染，也没有明显的延迟

---

这种有趣的行为发生在手机上。当我在android手机上的浏览器中使用此页面时，拖动和缩放是平滑的。当我在同一部手机上打开同一页时，但在chrome中，动画就不那么流畅了。图像光栅在放大时都会显示，所以我想做的是检查chrome是否在使用硬件进行转换。我想在尽可能多的浏览器中使用硬件，但这个问题是关于检查我是否成功做到了这一点

那是不可能的。