-
- 有梦 2021-01-08
保存canvas状态
-
截图0赞 · 0采集
-
- 论斤烤 2020-12-04
状态保存代码
-
截图0赞 · 0采集
-
- 论斤烤 2020-12-04
图形变换三个函数
-
截图0赞 · 0采集
-
- 慕姐8207076 2020-01-17
基本操作，看图
-
截图0赞 · 0采集
-
- 慕姐8207076 2020-01-17
- 保持原点状态，总是相对原点移动，save()，restore()成对使用。
-
截图0赞 · 0采集
-
- 慕姐8207076 2020-01-17
- translate()是叠加的，如果总想相对原点位移，需要复位，如translate(-100,-100).<br/>
-
截图0赞 · 0采集
-
- 慕姐8207076 2020-01-17
图形变换。
-
截图0赞 · 0采集
-
- pinzaghi 2019-12-04
save函数可以保存context的当前状态，restore可以恢复context的状态
-
截图0赞 · 0采集
-
- pinzaghi 2019-12-04
最基本的三种图形变换，位移、旋转和缩放
-
截图0赞 · 0采集
-
- pinzaghi 2019-12-04
先绘制基本轮廓，然后进行图形变换
-
截图0赞 · 0采集
-
- 慕码人8705899 2019-01-19
保存canvas的状态。避免被translate()这些函数影响
-
截图0赞 · 0采集
-
- 慕粉4008490 2018-12-21
translate的坐标变换时叠加的
变化完后要使用
context.translate(..., ... )把坐标变换回来
简便方法
context.save() 和 context.restore() 成对出现 实现坐标变换和还原
- 1赞 · 1采集
-
- 23568 2018-10-11
图形变换： 位移、大小、缩放。
context.translate(x, y); 默认多个translate会叠加。
save(); restore(); 成对出现，中间绘图状态不会对后面造成影响。
- 1赞 · 1采集
-
- 慕村3232222 2018-08-21
translate()用于改变坐标原点的位置，每次调用这个接口时，应该还原回去（状态叠加）。
save()和restore()成对出现，可以保存当前绘图状态并还原成绘图之前的状态，节省了很多麻烦
- 0赞 · 0采集
-
- xxy流沙 2018-04-23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图形变换和状态保存</title>
</head>
<body>
<canvas id="canvas" style="border: 1px solid black;display: block;margin:10px auto;"></canvas>
<script type="text/javascript">
/*
*位移：translate（x,y）
*旋转: rotate(deg)
*缩放: scale(sx,sy)
*/
window.onload=function(){
var c=document.getElementById("canvas");
c.width=1024;
c.height=800;
var context=c.getContext("2d");
context.fillStyle="red";
context.translate(100,100);//状态位移
context.fillRect(0,0,400,400);
context.restore();//状态恢复
context.save();//状态保存
context.fillStyle="green";
context.translate(300,300);
context.fillRect(0,0,400,400);
context.restore();
}
</script>
</body>
</html>- 1赞 · 0采集
-
- Harder_ 2018-02-24
- Canvas 状态保存和恢复 save(), restore()
- 0赞 · 0采集
-
- Harder_ 2018-02-24
- Canvas 图形变化 类似CSS3
-
截图0赞 · 0采集
-
- Sear 2018-02-13
- canvas 状态的保存和恢复
-
截图0赞 · 0采集
-
- qq_伪_3 2018-02-02
- save和restore是成对出现的，用于记录canvas的所有状态
-
截图0赞 · 0采集
-
- 左小珍 2018-01-23
- Canvas绘图详解 4-2 图像变换和状态保存 1.图形变换整个坐标系会发生变化 2.Canvas在图形变换中是叠加的 为了避免叠加可用ctx.save和ctx.restore成对出现 建议：当我们在绘制一个整体的一个元素特别是在其中使用图形变换操作的时候都应该先save再最终绘制结束的时候restore
-
截图0赞 · 0采集
-
- 左小珍 2018-01-23
- Canvas绘图详解 4-2 图像变换和状态保存 将绘制路径封装成一个函数
-
截图0赞 · 0采集
-
- smilevs 2017-11-07
- translate()多次使用会叠加，使用save（）保存图形状态，绘制后使用restore可恢复原始状态
- 0赞 · 0采集
-
- 雨落乄萧何 2017-07-19
- 位移：translate（x,y） 旋转: rotate(deg) 缩放: scale(sx,sy)
-
截图0赞 · 0采集
-
- 雲_音 2017-04-08
- 标准的五角星代码
-
截图0赞 · 0采集
-
- 慕粉0928522411 2017-03-20
- 变换translate（）； 旋转rotate（）； 缩放scale（）； 变化是叠加的 save(); restore()
- 0赞 · 1采集
-
- 慕粉4145174 2016-12-15
- 图形变换
-
截图0赞 · 0采集
-
- qq_星星点点_1 2016-12-14
- canvas的变形操作
-
截图0赞 · 0采集
-
- 梦林苑3290767 2016-11-08
- 改进的代码
-
截图0赞 · 0采集
-
- 梦林苑3290767 2016-11-08
- 改进方法
-
截图0赞 · 0采集
-
- padfoot_07 2016-09-03
- sava 和 restore 进行状态保存与恢复
- 0赞 · 2采集
