java canvas双缓存_HTML5canvas双缓冲_测试

// ZC: 缓冲画布

var g_canvasBuffer = null;

var g_canvasBufferContext = null;

var g_iWidth = 800;

var g_iHeight= 600;

window.onload = function()

{

// *** *** ***

// ZC: 网页上的控件

var canvas = document.getElementById("idCanvas");

var canvasContext = canvas.getContext("2d");

canvas.Width = g_iWidth;

canvas.Height= g_iHeight;

// *** *** ***

// ZC: 缓冲画布的一些操作

g_canvasBuffer = document.createElement("canvas");

g_canvasBufferContext = g_canvasBuffer.getContext("2d");

g_canvasBuffer.width = g_iWidth;

g_canvasBuffer.height= g_iHeight;

if (! g_canvasBuffer)

console.error("g_canvasBuffer == null");

if (! g_canvasBufferContext)

console.error("g_canvasBufferContext = null");

g_canvasBufferContext.beginPath() //清空子路径

g_canvasBufferContext.strokeStyle = "blue";

g_canvasBufferContext.moveTo(0, 0);

g_canvasBufferContext.lineTo(20, 10);

g_canvasBufferContext.lineTo(40, 100);

g_canvasBufferContext.lineTo(600, 300);

g_canvasBufferContext.lineTo(500, 400);

g_canvasBufferContext.lineTo(700, 500);//*/

g_canvasBufferContext.stroke();

g_canvasBufferContext.closePath() //闭合路径

// *** *** ***

// ZC: 从缓冲画布 往 网页画布上画

canvasContext.drawImage(g_canvasBuffer, 0, 0, g_iWidth, g_iHeight, 0, 0, g_iWidth, g_iHeight);

};

Canvas not supported.