简体   繁体   English

HTML canvas的“ source-over”和“ destination-over” globalCompositeOperation之间的性能差异

[英]Performance difference between 'source-over' and 'destination-over' globalCompositeOperation for HTML canvas

Having reviewed the various globalCompositeOperation options for drawing on a 2D canvas, it occurs to me that destination-over is essentially the same as the default source-over but with the elements drawn in reverse. 在查看了用于在2D画布上绘制的各种globalCompositeOperation选项之后 ,我发现destination-over本质上与默认的source-over相同,但是元素是相反绘制的。

I was wondering if anyone knows whether there's a performance difference between these two operations when the canvas calculates the composition and draws the pixels. 我想知道是否有人知道画布计算构图并绘制像素时这两个操作之间是否存在性能差异。

In case anyone is interested I did set up a jsPerf to test this. 如果有人感兴趣,我确实设置了jsPerf进行测试。 According to my tests source-over is actually faster! 根据我的测试, source-over实际上更快!

jsPerf test can be found here: http://jsperf.com/canvas-source-over-vs-destination-over/2 可以在这里找到jsPerf测试: http ://jsperf.com/canvas-source-over-vs-destination-over/2

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 globalcompositeoperation = source-over是否可与pu​​timagedata一起使用? - Does globalcompositeoperation=source-over work with putimagedata? 使用source-over alpha混合效果不佳(HTML5画布) - Poor results with source-over alpha blending (HTML5 canvas) HTML5 Canvas冲突检测的“ globalCompositeOperation”性能 - HTML5 Canvas Collision Detection “globalCompositeOperation” performance HTML5 Canvas globalCompositeOperation同时更轻便且源代码优先 - HTML5 Canvas globalCompositeOperation lighter and source-atop at same time globalCompositeOperation [destination-out]的画布阴影 - canvas shadow with globalCompositeOperation[ destination-out ] HTML 5 canvas globalCompositeOperation(橡皮擦)问题 - HTML 5 canvas globalCompositeOperation (eraser) issues globalCompositeOperation在背景上绘制白色 - globalCompositeOperation drawing white over background HTML5 Canvas-视网膜显示屏上纵向和横向之间的性能差异 - HTML5 Canvas - Performance difference between portrait and landscape on retina display 如何使用globalCompositeOperation ='destination-out'擦除画布中的笔触? - How to erase a stroke in canvas with globalCompositeOperation = 'destination-out'? HTML5 Canvas鼠标悬停在画布上的事件 - HTML5 Canvas mouse over event on canvas
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM