jquery - 在响应式主题中的两个 div 之间画一条线？

Question

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

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

请在此处查看示例：http: //jsfiddle.net/FZNMk/1/
您必须调整窗口大小才能显示该行。
谢谢

score 0 · Accepted Answer

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

正确的代码是这样的

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

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

1 回答 1