html5图形的保存与huif
来源:互联网 发布:淘宝联盟发送朋友圈 编辑:程序博客网 时间:2024/06/11 16:21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图形的保存与恢复</title>
<script>
function draw(id){
var c=document.getElementById(id);
if(c==null)
return false;
var cxt=c.getContext("2d");
cxt.fillStyle="yellow";
cxt.save();
cxt.fillRect(50,50,100,100);
cxt.fillStyle="aqua";
cxt.save();
cxt.fillRect(200,50,100,100);
cxt.restore();//撤销操作
cxt.fillRect(350,50,100,100);
cxt.restore();
cxt.fillRect(50,200,100,100);
}
</script>
</head>
<body onload="draw('canvas')">
<canvas id="canvas" width="600" height="600" style="border:1px solid blue;"></canvas>
</body>
<html>
<head>
<meta charset="UTF-8">
<title>图形的保存与恢复</title>
<script>
function draw(id){
var c=document.getElementById(id);
if(c==null)
return false;
var cxt=c.getContext("2d");
cxt.fillStyle="yellow";
cxt.save();
cxt.fillRect(50,50,100,100);
cxt.fillStyle="aqua";
cxt.save();
cxt.fillRect(200,50,100,100);
cxt.restore();//撤销操作
cxt.fillRect(350,50,100,100);
cxt.restore();
cxt.fillRect(50,200,100,100);
}
</script>
</head>
<body onload="draw('canvas')">
<canvas id="canvas" width="600" height="600" style="border:1px solid blue;"></canvas>
</body>
</html>
0 0
- html5图形的保存与huif
- 图形的保存与重绘方法
- 图形的保存与重绘
- 图形上下文保存与恢复(CGContextSaveGState与CGContextRestoreGState的)
- MFC 图形的保存
- 第十一讲__图形的保存与重绘
- MFC 图形的重绘与保存 -- 总结
- (孙鑫 十一)图形的保存与重绘
- html5 canvas学习--图形的组合与裁切
- HTML5 绘制图形 Canvas 与 SVG 的基本用法
- 保存GDI+绘制的图形
- html5绘制精美的图形
- HTML5 三维、图形与特效(七)
- Html5--本地文本文件读取与保存
- 孙鑫VC学习笔记:第十一讲 图形的保存与重绘方法一
- 孙鑫VC学习笔记:第十一讲 (二) 图形的保存与重绘方法一
- 孙鑫VC学习笔记:第十一讲 (二) 图形的保存与重绘方法
- 图形的保存和重绘
- 学习Fragment
- windows JDK 版本切换
- python random 生成随机数
- 遍历Map的四种方法
- [BZOJ1202][HNOI2005]狡猾的商人(并查集+前缀和)
- html5图形的保存与huif
- 链表
- HTML5 用localStorage写的留言本
- js实现继承的6种方式 寄生继承没弄懂
- cocos2d-x 通过JNI实现c++和Android的java层函数互调
- Django+OpenShift微信公众号开发(一)
- 面试之路(29)-TCP流量控制和拥塞控制-滑动窗口协议详解
- prim算法 最小生成树MST
- 设计模式——单例模式(Java)——考虑多线程环境下的线程安全问题