jQuery未更改宽度

jQuery not changing width

本文关键字：jQuery      更新时间：2024-04-20

这是我的代码，我觉得我已经尝试了所有东西，但没有任何东西影响画布。我已经研究了一个小时，只尝试了简单的javascript，但由于某种原因，画布没有改变。相同的代码适用于不同页面上的iframe。

<canvas id="canvas" height="400" width="400"></canvas>
<script type="text/javascript">
$(document).ready(function () {
        $("#canvas").attr('width', 800);
    });
</script>

我想做的是将宽度设置为窗口大小减去100像素，但现在我将其设置为800，这样我就可以试着找出为什么这不起作用。

调整画布大小后，必须重新绘制画布。首先，使用getContext（'2d'）获取2d上下文，然后在上下文上调用必要的函数，很可能是strokeRect（）

var myCanvas = $('#canvas').attr('width',800);
var myContext = myCanvas.getContext('2d');
myContext.strokeRect(0,0,myCanvas.attr('width'),myCanvas.attr('height'));

我认为这是对的，但可能会有一些代码错误，希望你能明白。

这个怎么样：

#canvas {
    width:400px;
    height:400px;
}
<canvas id="canvas"></canvas>
<script type="text/javascript">
$(document).ready(function () {
        $("#canvas").css('width','800px');
    });
</script>
相关文章：