0

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

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

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

4

1 回答 1

0

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

正确的代码是这样的

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

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

于 2013-03-19T10:10:15.620 回答