在響應式主題中的兩個div之間繪製一條線？

對於響應式佈局，我使用畫布在兩個div之間繪製線條，但是我遇到的問題是：
- 如何在調整窗口大小時將線條分別保留在div中心位置？
我添加了一個調整大小的偵聽器，每當用戶調整窗口大小時重新創建x/y點，但我堅持要找到完美的數學公式來計算這個權利。
在響應式主題中的兩個div之間繪製一條線？

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

請在這裏看到的例子：http://jsfiddle.net/FZNMk/1/
你必須調整窗口的大小，使顯示的線。
感謝

的小提琴是不是真的顯示任何做的事情的基本思想。 – 2013-03-19 09:52:39

我只是糾正它 – mrbangybang 2013-03-19 10:37:02

基本上，您必須將在onResize事件綁定到你的身體，一旦你抓住事件中，你只需要調整使用window.innerWidth和window.innerHeight畫布。

正確的代碼會是這樣的

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

我還沒有嘗試過，但是這是正確的方式

2013-03-19 10:10:15 Vineet1982

我已經這樣做了，看到這個例子，我的問題是如何計算座標以查找調整大小時框的中心？因爲position.offset是相對於窗口頁面而不是我的div的容器而且畫布可以設置爲width = 100％？ – mrbangybang 2013-03-19 10:33:52

回答