如何使画布+自定义屏幕键盘 div 很好地缩放？

Question

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

我希望能够干净地显示占据大部分内容区域的画布标签，键盘占据显示的底部。

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

有什么想法/见解？

Answer 1

我不是 100% 你在这里尝试的，但如果你想要做一些初始调整，那么我可能会查看 window.onload 事件

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