JavaScript - 无法调整 Canvas 大小

标签 javascript jquery html css canvas

<分区>

我正在使用 javascript 和一些 jQuery 制作一个绘画应用。

我正在尝试在 javascript 中调整 Canvas 大小,但 Canvas 没有调整大小... 我想让 Canvas 适合用户的屏幕+在工具栏的顶部留出空间。 如果有帮助,这里是整个代码的笔:https://codepen.io/mistahdukk/pen/dmaKOV

标记

<div id="canvas">
        <canvas class="drawing-canvas"></canvas>
</div>

JavaScript

var width = window.innerWidth,
    height = window.innerHeight;

canvas.width = width;
canvas.height= height;

最佳答案

将 javascript 更改为

canvas[0].width = width;
canvas[0].height= height;

更新代码笔:https://codepen.io/anon/pen/LdvdBB

关于JavaScript - 无法调整 Canvas 大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49793377/

相关文章:

javascript - 位于选择顶部的水印标签停止点击传播

java - 是否需要任何 Eclipse 特殊版本才能在 javascript 中使用 getElementById 等函数

jquery - Sys.ArgumentTypeException : Object of type 'Sys._Application' cannot be converted to type 'Sys._Application' . 参数名称:实例

javascript - 基本 Javascript jquery json Html

javascript - 单击时带有图像和加载元素 ID 的按钮

jquery - 元素不显示时如何重新初始化插件

javascript - 尝试设置 cookie,但显示未定义。我该怎么办?

javascript - 在编辑器中插入模板

javascript - 如何将 Ajax 发布到类似 Twitter 的 API

javascript - <section> 后的空格