0

最近、素晴らしいラファエルの図書館を見つけました。たとえば、次のようになります。

ラファエル チャート - デモ

私がコードをチェックしたとき、私は(前向きな意味で)ショックを受けました。

HTML5 キャンバスや、ここのような余分な div は使用しませんでした(これは好きではありません)。

私の質問は次のとおりです。これはどのように詳細に機能しますか? ピクセル操作ですか?基本的なレンダリング コードは何ですか?

ありがとうございました!

4

2 に答える 2

2

主に、ベクトルを表すために XML に似たマークアップであるSVGを使用します。< IE9 ブラウザーの場合、 IE がまだサポートしている非推奨のベクター マークアップであるVMLを使用していると思います。

SVG/VML は、ベクター グラフィックスの形式です。それらは数式で表現された形状です。これにより、ピクセル化するラスター グラフィックスとは異なり、スケーリング時に数式が再計算され、シャープなエッジが維持されるため、スケーラブルなグラフィックスに適しています。

于 2012-05-25T19:01:41.387 に答える
-1

firebug または Chrome のインスペクタでソースを検査します。SVGを生成します。

于 2012-05-25T18:59:17.333 に答える