刷新canvas,有时会出现上次的内容无法清除而造成重影,需要进行以下步骤的处理: //在手机上,需加上这步,先隐藏再显示,类似刷新。 document.getElementById("chart").style.display = "none"; var canvas_width = 300; var canvas_height = 300; var c = document.getElementById("chart"); var ctx = c.getContext("2d"); //保存canvas的设置,将transform初始化,并清除整个画图区域 ctx.save(); ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.clearRect(0,0,canvas_width,canvas_height); //处理canvas 画图 ... ... //还原canvas设置 ctx.restore(); //在手机上,需加上这步,先隐藏再显示,类似刷新。 document.getElementById("chart").style.display = ""; |
|
来自: arthur_cai > 《HTML5》