居中画布

Question

我如何使用 HTML5 标记页面 canvas 这样 canvas

1. 占宽度的80%

2. 具有有效定义比例的相应像素高度和宽度（并且在画布拉伸到 80% 时按比例保持）

3. 垂直和水平居中

您可以假定 canvas 是页面上唯一的内容，但如有必要，请随意将其封装在 div 中。

原文由 user122147 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这将使画布水平居中：

 #canvas-container {
   width: 100%;
   text-align:center;
}

canvas {
   display: inline;
}

HTML:

 <div id="canvas-container">
   <canvas>Your browser doesn't support canvas</canvas>
</div>

原文由 Ali OKTAY 发布，翻译遵循 CC BY-SA 3.0 许可协议