Javascript-画布绘图图像

Javascript-画布绘图图像,javascript,canvas,drawimage,Javascript,Canvas,Drawimage,性能是否更好: drawImage(img,…),其中img是图像()还是img是画布 使用缩放(最近邻)绘制图像2x,或清除其他画布,在不使用缩放的情况下绘制图像2x,然后使用缩放绘制结果1x 将正在绘制的图像的像素坐标、宽度、高度四舍五入,还是将它们保留为浮点 为什么不做一些,并报告您的结果给我们在这里 在此之前,这里有一些高度推测性和轶事性的想法: (#1)我曾经推荐drawImage(图像…但我看到一个jsPerf将drawImage(图像)与drawImage(使用GPU加速时非常接近

性能是否更好:

  • drawImage(img,…),其中img是图像()还是img是画布

  • 使用缩放(最近邻)绘制图像2x,或清除其他画布,在不使用缩放的情况下绘制图像2x,然后使用缩放绘制结果1x

  • 将正在绘制的图像的像素坐标、宽度、高度四舍五入,还是将它们保留为浮点

  • 为什么不做一些,并报告您的结果给我们在这里

    在此之前,这里有一些高度推测性和轶事性的想法:

    (#1)我曾经推荐drawImage(图像…但我看到一个jsPerf将drawImage(图像)与drawImage(使用GPU加速时非常接近的画布)进行比较(不记得在哪里,但这是我的一个SO答案中某人的回复评论)。可能是因为GPU可以blit canvas context.getImageData的速度与blit图像数据的速度一样快

    (#2)我不知道…增量缩放的jsPerf vs imageSmoothingEnabled==false(最近邻)


    (#3)浏览器无论如何都会强制转换为浮点,但Mozilla的一篇性能文章建议“避免使用浮点坐标,而是使用整数。”。