分享

canvas重画,解决重影问题

 arthur_cai 2014-07-31


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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多