更改大小后不显示画布答案

【问题标题】：Canvas not displaying after changing size更改大小后不显示画布
【发布时间】：2021-06-06 02:27:57
【问题描述】：

有人知道改变画布大小的方法吗？它目前处于宽度 = 10 和高度 = 10 的状态，因为它在选中复选框时隐藏，它会显示但尺寸太小。我尝试更改宽度和高度，但它现在不显示。

        if($(this).is(":checked")) {
            $('.headertrading').show(200);
            $(".tradingtabtd").show(200);
            $(".plswork").show(200);
            
            $('.flot-base').attr({width:130,height:60}).css({width:'130px',height:'60px'});
        $('.flot-overlay').attr({width:130,height:60}).css({width:'130px',height:'60px'});
            
            $(".tradingcheckbox").prop("checked", this.checked);
        } else {
            $(".headertrading").hide(300);
            $(".tradingtabtd").hide(300);
            $(".plswork").hide(300);
            $(".tradingcheckbox").prop("checked", false);
        }
        })
    ```

【问题讨论】：

标签： html jquery html5-canvas

【解决方案1】：

是的，您可以更改画布的大小，它具有宽度和高度属性：https://www.w3schools.com/tags/att_canvas_height.asp

这是一个例子：

var canvas = document.getElementById("canvas");
var slider = document.getElementById("slider");
slider.oninput = function() {
  canvas.width = canvas.height = this.value;
}

<input type="range" min="10" max="300" value="20" id="slider"><br>
<canvas id="canvas" width="20" height="20" style="border:2px solid"></canvas>

【讨论】：