Question

您好我想要这个：

<div> <canvas height="300px" width="200px"></canvas> </div>

我创建了javascript来渲染画布，有人可以建议如何根据画布大小拉伸div，如果没有javascript可以吗？我已经尝试过嵌套div的解决方案，但它没有用。感谢

Answer 1

对包含display使用不同的div，然后事情应该有效（另请参阅this jsfiddle）：

<div>
    <canvas height="300px" width="200px"></canvas>
</div>

CSS：

div {
    border: 2px solid blue; /* demo purposes */
    display: inline-block;
    line-height: 0;
}
canvas {
    background-color: khaki; /* demo purposes */
}

PS。 line-height: 0用于确保画布下方没有space is rendered。另请参阅this question。

Answer 2

如果您可以确定何时更改了画布大小，则会根据画布的更改尺寸触发一个动态设置div尺寸的事件

div拉伸包含画布

您好我想要这个：

2 个答案: