2012-03-09 6 views
1

Raphael JSシェイプを使用してプロセスフロー図を作成しています。これは動的です。すなわち、Raphael jsのキャンバスに描画する線図がいくつあるかわかりません。ラファエロの形が10個あるか、数百個あることがあります。つまり、垂直に伸びます。Raphael Canvasをスクロールする必要があります

私は、次の問題に直面しています:

  1. 形状はラファエルキャンバスの外に行っています。シェイプの数に応じてキャンバスのサイズを増減したい。
  2. Raphael Canvasの周りにスクロールボックスが必要です。私は同じページに何か他のものがあるのでブラウザースクロールを使いたくないので、ページ全体ではなく、ラファエロの形をした領域だけをスクロールしたい。

両方の効果を得ることは可能ですか?

+2

質問は??? – freakish

+0

@freakish。それについて申し訳ありません。質問を更新しました – JDev

答えて

1

私はあなたが<div>に多くのもの(あるいは何か大きな)を置き、その上にスクロールバーを持っているか迷っているあなたの質問から集まります。あなただけのそのdiv要素のCSSの1行が必要であることを行うには:ここでは

overflow-y: auto; 

する例です:あなたのケースではhttp://jsfiddle.net/yJGGE/

、ちょうどあなたが最大サイズを好きに「スクロールボックス」のサイズを設定あなたのグラフィックをその中に入れてください。グラフィックスがスクロールボックスの高さをオーバーフローすると、スクロールバーが表示されます。

希望のある方

+0

迅速な対応に感謝します。別の問題は、シェイプがキャンバスから外れていることです。キャンバスのサイズを変更する方法は、シェイプの数によって異なります。数字の形は動的なので、私はキャンバスのサイズをハードコードできません。ラファエル形状周りのスクロールを取得するには – JDev

+0

、私は、DIV要素にラファエルキャンバスを配置し、キャンバスのサイズを変更するにはラファエルのjsのsetSize機能を使用して図形の周りにスクロールを取得し、その後、キャンバスよりも小さい事業部の大きさを保っています。 iが形状の高さと幅を固定しているので、私は、キャンバスの高さと幅は、私が描いた図形の数に依存して計算することができます.. – JDev

関連する問題