刷新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 = "";