scroll - スクロールバーを raphael オブジェクト (rect オブジェクトなど) に追加する方法

Question

私の Raphael 論文では、rect オブジェクトが紙の幅よりも大きくなっています。 How to add a scrollbar to this rect object . 例えば：

var paper = new Raphael("holder", 500, 400);

var rect = paper.rect(100, 100, 1000, 1000);

私がしたいのは、紙の中で、この紙ではなく、この四角形にスクロールバーコンポーネントを追加することです。

Answer 1

あなたはこれを試すかもしれません、

<div id="holder">
  <div id="rectangle-holder">
  </div>
</div>

var paper = new Raphael("holder", 500,400);
var rectangleHolder  = new Raphael("rectangle-holder", 200,200);
var rectangle = rectangleHolder.rectangle(100,100,1000,1000);

CSS を使用して scrolllbar をrectangle-holderdivに追加する