我从一个大画布开始,使用
然后,为了提高性能,我创建了许多缩略图,它们是小得多的画布元素。我只需创建新的画布,设置较小的宽度和高度,然后再次使用
在许多平台上,结果缩略图看起来非常像素化(PC Chrome、PC Firefox、iOS Safari),但在其他平台上,如Mac Firefox,调整大小的插值效果更好。
是否有任何解决方案可以给我一致的插值效果?例如,IE有一个专有的CSS属性可以设置:
drawImage()
将实际图像的数据绘制到HTML画布中。然后,为了提高性能,我创建了许多缩略图,它们是小得多的画布元素。我只需创建新的画布,设置较小的宽度和高度,然后再次使用
drawImage()
使用原始画布来创建缩略图。在许多平台上,结果缩略图看起来非常像素化(PC Chrome、PC Firefox、iOS Safari),但在其他平台上,如Mac Firefox,调整大小的插值效果更好。
是否有任何解决方案可以给我一致的插值效果?例如,IE有一个专有的CSS属性可以设置:
object.style.msInterpolationMode = “bicubic”;
其他平台上有类似的解决方案吗?特别是在drawImage()
期间进行隐式图像调整时?或者任何其他创造性的解决方案都可以。