javascript - 尝试使用 javascript/jquery 查找 Canvas 的高度

标签 javascript jquery html css canvas

我是一个完全的初学者,正在执行 odin 元素的任务,但我遇到了困难,想知道是否有人可以提供帮助。

本质上,我正在尝试使用 jquery 和 javascript 制作一个草图,它可以在这里找到:

http://zackvs.github.io/etchasketch/

来源:

https://github.com/zackvs/etchasketch

点击播放按钮后,我遇到的问题是:

我想在 Canvas 中间开始一条路径,所以作为第一步,我试图找到我正在测试的 Canvas 的高度和宽度:

    "console.log($('#draw').width() + " x " + $('#draw').height);"

控制台完美地显示宽度,但对于高度返回一个 v.long 字符串,这对我来说毫无意义(开始于:"(d,e){var f=arguments.length&&(c||"boolean"! =typeof d),"等等等等).

为什么会这样?

我完全不知所措,所以任何帮助将不胜感激,我有一个很好的旧谷歌但无济于事。

((另外作为旁注,我花了很多时间试图使网站具有响应性,但在调整布局大小时慢慢变得不合时宜?我确定我用百分比以愚蠢的方式完成了整件事但我还能怎么做呢?))

谢谢!很抱歉问了这么久,但这是我第一次来这里。

最佳答案

你可以这样做:

var canvas = document.getElementById("canvas");
var width = canvas.width;
var height = canvas.height;

这只是 Javascript 的实现方式。您可以尝试一下,看看它是否适合您。

关于javascript - 尝试使用 javascript/jquery 查找 Canvas 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28185772/

相关文章:

javascript - 在 dom 中搜索元素最快的方法是什么?

javascript - 如何在页面顶部显示我的 "bar"div?

javascript - fullcalendar 拖动的事件在 getEventSources 中不可见

javascript - 如何通过 AJAX 将 html 表单变量传递给 perl 脚本?

jquery - 打开 Canvas 外菜单时调整内容大小

javascript - 灯箱问题,点击事件不起作用

javascript - 从 Ractive on-change 事件获取文件内容

html - CSS 圆 Angular 边框不适用

javascript - 将节点作为字符串插入但保留节点的实例

javascript - 使用 Angular 工厂和 lodash 从 JSON 检索一个对象