Tag: 双缓冲

HTML canvas双缓冲帧率问题

我有一个全屏canvas，上面画有3张图片。 当我调整窗口大小时，这些图像会改变位置; 然而，它似乎非常小问题，在Firefox中更是如此。 我一直在读，双缓冲应该解决这个问题，但我想知道如果下一个位置未知，我将如何双缓冲。 也就是说，我无法确定将来应该缓存什么，那么这怎么可能呢？ 这是一个看似可行的来源，但我并不完全理解Fedor试图解释的概念。 HTML5 / Canvas是否支持双缓冲？ 到目前为止，我有， $canvas = $(‘#myclouds’)[0]; $canvas_buffer = $(‘canvas’)[0].insertAfter($canvas).css(‘visibility’, ‘hidden’); context = $canvas.getContext(‘2d’); context_buffer = $canvas_buffer.getContext(‘2d’); clouds_arr = [$canvas, $canvas_buffer]; $(window).resize(function () { drawCanvas(); }; function initCanvas() { // Sources for cloud images var cloud1 = ‘/js/application/home/images/cloud1.png’, cloud2 = ‘/js/application/home/images/cloud2.png’, cloud3 = ‘/js/application/home/images/cloud3.png’; // add clouds to be […]