> > >

JavaScript MCQs

Which of the following code snippets is best way to clear the canvas for redrawing?

var canvas = document.getElementById('canvasId'); var context = canvas.getContext('2d'); context.fillStyle = "#ffffff"; context.fillRect(0,0,canvas.width, canvas.height);

var canvas = document.getElementById('canvasId'); var context = canvas.getContext('2d'); ctx.save(); ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.restore();

CanvasRenderingContext2D.prototype.clear = CanvasRenderingContext2D.prototype.clear || function (preserveTransform) { if (preserveTransform) { this.save(); this.setTransform(1, 0, 0, 1, 0, 0); } this.clearRect(0, 0, this.canvas.width, this.canvas.height); if (preserveTransform) { this.restore(); } }; var canvas = document.getElementById('canvasId'); var context = canvas.getContext('2d'); context.clear(); context.setTransform(-1, 0, 0, 1, 200, 200); context.clear(true);

var canvas = document.getElementById('canvasId'); var context = canvas.getContext('2d'); ctx.clearRect(0, 0, canvas.width, canvas.height);

Answer

Correct Answer: var canvas = document.getElementById('canvasId'); var context = canvas.getContext('2d'); ctx.save(); ctx.setTransform(1, 0, 0, 1, 0, 0); ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.restore();

Explanation:

Note: This Question is unanswered, help us to find answer for this one

JavaScript Skill Assessment

Your Skill Level: Poor

Retake Quizzes to improve it