相关疑难解决方法(0)

调整大小时html5画布重绘

我有两个canvas元素,需要在按钮点击时调整大小.

<div class="sDetails"><div>
                        <div id="canvasDiv" style="width: 310px;"><canvas id="canvasGraph"></canvas></div></div>
<div class="kDetails"><div><div>
<div id="canvasDiv" style="width: 310px; height: 240px;"><canvas id="canvasGraph"></canvas></div></div>
Run Code Online (Sandbox Code Playgroud)

和脚本:

   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);
Run Code Online (Sandbox Code Playgroud)

重绘功能:

// here I must redraw my lines resized 2 times ( …
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5 canvas redraw

8
推荐指数
2
解决办法
2万
查看次数

标签 统计

canvas ×1

html5 ×1

javascript ×1

jquery ×1

redraw ×1