2

paper.js で 4 つの円として navbar を持つ Web サイトを作成しようとしています。ただし、サイズ変更オプションを使用すると、キャンバス要素がページ全体を占有します。http://paperjs.org/tutorials/getting-started/working-with-paper-js/にある例を使用しましたが、他のものには Twitter ブートストラップを使用しています。col-md-12キャンバスを含む div に使用しています。キャンバスを親と同じ幅と高さにするで与えられた解決策を試しましたが、うまくいきません。

何か助けはありますか？

4

1 に答える 1

6

Javacript を使用して実現できます。

$(window).resize(resizeAndRedrawCanvas);

function resizeAndRedrawCanvas()
{
  var desiredWidth = w; // For instance: $(window).width();
  var desiredHeight = h; // For instance $('#canvasContainer').height();

  canvas.width = desiredWidth;
  canvas.height = desiredHeight 

  view.viewSize = new Size(desiredWidth, desiredHeight);
  view.draw();
}
于 2014-01-06T11:40:22.417 に答える