Javascript - 如何清除上下文数据?

时间:2017-08-06 19:18:41

标签: javascript html canvas line stroke

如何清空ctx中的数据?

基本上第二个stroke()应该做任何事情,但是绘制另一个三角形。如何从ctx清除此三角形?

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

ctx.save();
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();

ctx.stroke();//First stroke
ctx.restore();//Does not empty line paths?

ctx.strokeStyle = "green";
ctx.stroke();//Seccond stroke, same triangle drawn, but green (I do not want to draw the triangle)

https://jsfiddle.net/dh3e5wg6/

0 个答案:

没有答案