0

レスポンシブレイアウトの場合、キャンバスを使用して2つのdivの間に線を描画していますが、問題は次のとおり
です。ウィンドウのサイズを変更するときに、線をdivの中心にそれぞれ配置したままにするにはどうすればよいですか。
サイズ変更リスナーを追加し、ユーザーがウィンドウのサイズを変更するたびにx / yポイントを再作成しましたが、これを正しく計算するための完璧な数式を見つけるのに苦労しています。

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

こちらの例をご覧ください：http：//jsfiddle.net/FZNMk/1/
行を表示するには、ウィンドウのサイズを変更する必要があります。
ありがとう

4

1 に答える 1

0

基本的に、onresize イベントをボディにバインドする必要があります。イベントをキャッチしたら、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 に答える