javascript - 如何使 Canvas +自定义屏幕键盘div很好地缩放？

Question

我有一个非商业 javascript 应用程序，在这里:http://js.irata.online/flex.html它由一个 CANVAS 组成，其中呈现了一个 Emscripten 应用程序，以及一个位于其下方的自定义 DIV，我想将其用作屏幕键盘。

我希望能够清楚地显示占据大部分内容区域的 Canvas 标签，键盘占据显示的底部。

到目前为止，我可以让内容区域正确调整大小，获取内容的 flex 区域的宽度/高度，并为其设置 Canvas 样式宽度/高度，但似乎无法设置这些属性canvas 标签最初加载并启动它的程序……呃。

有什么想法/见解吗？

Answer 1

我不是 100% 了解您在这里尝试的内容，但如果您想进行一些初始调整大小，那么我可能会查看 window.onload 事件

window.onload = function(){     
    resizeCanvas(); //replace with your own logic.
};