2

IE8のおかげで、私はRaphaelJSを使用してSVG、すべての最新のブラウザー（Chrome、FireFox、Safari、IE9 +など）に含まれるがVML、IE8には含まれるグラフを生成します。

<div>このグラフは、流動的なレイアウトを使用するページの一部であるの中に埋め込まれています。pureを使用すると、やSVGのようなプロパティを使用して機能させることができます。つまり、グラフ（およびその中の要素）は、ブラウザーウィンドウのサイズが変更されると拡大および縮小します。viewBoxpreserveAspectRatio

しかし、それはケースでどのように機能しVMLますか？ウィンドウのサイズ変更イベント時にグラフ全体を再描画して、自分でロールする必要がありますか？このケースを単純化するためにRaphaelJSから利用できる方法はありますか？

4

2 に答える 2

0

Paper.setViewBoxは、VMLおよびSVGAFAIKでこれを処理する必要があります。

そうは言っても、VMLが流動的なレイアウトをどれだけうまく処理できるかはわかりません。

于 2012-11-30T15:16:31.367 に答える
0

すべての優れたブラウザーでは、幅/高さをパーセント単位で設定できます。これにより、画像が自動的に「流動的」になります (DIV コンテナーでサイズ変更されます)。IE7-8 では、paper.setViewBox()手動で行うカスタムのサイズ変更機能を使用する必要があります。

  if($.browser.msie && $.browser.version < 9){
       R = Raphael('divID', 640, 480);
       $(window).on('resize', yourCustomfluidResizeFunction);
  }else{
       R = Raphael('divID', '100%', '100%');
  }
于 2012-12-02T13:02:45.017 に答える