canvas save and restore

var canvas = document.getElementById(id);

if (canvas == null)

return false;

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

context.fillStyle = "red";

context.save(); //保存了当前context的状态

context.fillStyle = "black";

context.fillRect(0, 0, 100, 100);

context.restore();//恢复到刚刚保存的状态

context.fillRect(0,120,100,100);

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • canvas笔记
    一：canvas简介 1.1什么是canvas？ ①：canvas是HTML5提供的一种新标签 ②：HTML5 ...
    GreenHand1阅读 4,756评论 2赞 32
  • canvas基础第一节
    一、基础介绍和画直线 大多数现代浏览器都是支持Canvas的,比如 Firefox, safari, chrome...
    空谷悠阅读 886评论 0赞 1
  • canvas 2D绘图
    熟悉html5的程序员们肯定都知道 元素，该元素是用来在页面中规定一块区域，然后由js在该区域内绘制图形。canv...
    米几V阅读 2,224评论 1赞 5
  • canvas
    一、canvas简介 1.1 什么是canvas？（了解） 是HTML5提供的一种新标签 Canvas是一个矩形区...
    J_L_L阅读 1,569评论 0赞 4
  • canvas基础第二节
    一、图形的组合方式 globalAlpha是一个介于0和1之间的值(包括0和1)，用于指定所有绘制的透明度。默认值...
    空谷悠阅读 1,352评论 0赞 0