gpt4 book ai didi

javascript - Canvas - 高度自行调整 - Sketch.js

转载 作者:行者123 更新时间:2023-11-30 12:51:13 27 4
gpt4 key购买 nike

我正在使用 sketch.js 为移动应用程序制作一个简单的素描板。它只是应该通过将宽度和高度设置为 100% 来填充整个屏幕,但在我单击“素描板”后,它会自行调整为较小的尺寸。在这种情况下如何将 Canvas 设置为全屏?这是我的例子 http://jsfiddle.net/66UJ9/

<canvas id='mysketch' style="height:100%; width:100%; border: 1px solid black; "></canvas>

最佳答案

CSS 的 height 属性不会将高度称为窗口的百分比,这是您所期望的。 MDN 声明:

The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to auto

你的 Fiddle 中没有包含 block ,它也不是绝对定位的,因此它默认为 auto .但是你可以设置 <canvas>像这样使用 JS 到浏览器窗口的高度:

// Set the <canvas> height to the window's height
$('canvas').css('height', $(window).height());

您可能需要根据实际页面的外观稍作调整。 (JSFiddle 正在添加一些填充,从而将其关闭。)

关于javascript - Canvas - 高度自行调整 - Sketch.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20895525/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com