我打算有一个FabricJS画布，它可以显示许多不同的图形，可以作为单独的图像文件或精灵来提供。对于每个图形，特定图形可能会在画布上显示0到几十次。我知道FabricJS具有clipping能力，这可以使精灵成为可能，而且我知道，一般来说，网络上的精灵比单个图像更受欢迎，例如CSS。
但是，我也听说过围绕画布的浏览器行为/怪癖，你可能会发生一些优化，不要 - 我现在无法找到链接，但我记得的一个问题是，Chrome中看不到大量的画布内容元素仍然会花费相当多的时间来计算/＆＃34;渲染＆＃34;尽管与屏幕外观不相关。
那么，对于 n 单个非裁剪图像是否优于/不适合剪裁 n 的精灵，是否有任何已知的期望？ FabricJS画布的时间？如果重要的话，这将不是一个动画严重的FabricJS画布;例如，在拖动时，事物可能会移动，但在这种情况下，常量动画并不是什么。
答案 0 :(得分：0)
自己做一个测试，找出减慢PC速度的因素。这取决于PC，浏览器和显卡。
我对Fabric.js一无所知，但计算机CPU和显卡可以轻松处理剪辑/图形操作。你没有像3D游戏一样展示数百万个多边形，所以你应该没问题。
这是一个解释CSS精灵与单个图像网络性能提升的网站： https://medium.com/parlay-engineering/emoji-at-scale-render-performance-of-css-sprites-vs-individual-images-f0a0a2dd8039