html 选择框 重绘,调整大小时html5画布重绘

我有两个画布元素，需要在单击按钮时调整它们的大小。

和脚本：

var sketch;var sketch_sl;var onPaint;var canvas=null;var ctx=null;var tmp_ctx=null;

function drawCanvas(div) {

canvas = document.querySelector(div + " #canvasGraph");

ctx = canvas.getContext('2d');

sketch = document.querySelector(div + " #canvasDiv");

sketch_sl = getComputedStyle(sketch);

canvas.width = parseInt(sketch_style.getPropertyValue('width'));

canvas.height = parseInt(sketch_style.getPropertyValue('height'));

tmp_canvas = document.createElement('canvas');

tmp_ctx = tmp_canvas.getContext('2d');

tmp_canvas.id = 'tmp_canvas';

tmp_canvas.width = canvas.width;

tmp_canvas.height = canvas.height;

sketch.appendChild(tmp_canvas);

重绘功能：

// here I must redraw my lines resized 2 times ( *cScale ) where cScale=2 or =1

function drawScales(ctx, canvas)

ctx.strokeStyle = 'green';

ctx.fillStyle = 'green';

ctx.beginPath();

ctx.moveTo(5, 0);

ctx.lineTo(0, canvas.height);

scaleStep = 24*cScale;

由于某种原因，它的工作非常糟糕，旧职位留下来。

有没有办法完全删除整个画布并将其附加或完全重绘？

我尝试了canvas.width=canvas.width，尝试了ctx.clearRect(0, 0, canvas.width, canvas.height);tmp_ctx.clearRect(0, 0, canvas.width, canvas.height);，尝试了$(".sDetails #canvasGraph")[0].reset();

逻辑上，drawCanvas(".sDetails");drawLines(ctx, canvas);应该从头开始重绘，但不会。