javascript - 如何改变HTML5 Canvas 画板的高度？

Question

我使用响应式画板 - demo和 Github .我唯一改变的是添加背景图片，所以我添加了这个 CSS:

.canvas {
    background-color: transparent;
    background-size: cover;
    background-image: url(example.jpg);
}

但我的问题是高度。设置 Canvas 框高度并保持背景图像响应的正确方法是什么？例如在演示中如何将 Canvas 框(带有背景图像)的高度与右侧框(带有按钮)的高度对齐？

Answer 1

在 css 中添加一个元素，它会很好地工作:

.canvas {
background-color: transparent;
background-size: cover;
background-image: url(example.jpg);
height : 100% / 100vh;

}

制作高度组件