Question

对于响应式布局，我用画布在两个div之间绘制线条，但我遇到的问题是：
- 当调整窗口大小时，如何保持线条与div的中心分别保持在适当的位置？
我添加了一个调整大小的侦听器，并在每次用户调整窗口大小时重新创建x / y点，但我很难找到完美的数学公式来计算这个权利。

  var canvas = document.getElementById('myCanvas');

请参阅此处的示例：http://jsfiddle.net/FZNMk/1/
您必须调整窗口大小才能显示该行感谢

Answer 1

基本上，你必须将onresize事件绑定到你的身体，一旦你捕获事件你只需要使用window.innerWidth和window.innerHeight调整画布大小。

正确的代码将是这样的

<body onresize="resize_canvas()">
    <canvas id="canvas">Your browser doesn't support canvas</canvas>
</body>

我没有尝试过，但这是以正确的方式做事的基本想法