更改大小后不显示画布

Posted 2023-03-25

【中文标题】更改大小后不显示画布

【英文标题】：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);
        
        )
    ```

【参考方案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"   style="border:2px solid"></canvas>