最近、素晴らしいラファエルの図書館を見つけました。たとえば、次のようになります。
私がコードをチェックしたとき、私は(前向きな意味で)ショックを受けました。
HTML5 キャンバスや、ここのような余分な div は使用しませんでした(これは好きではありません)。
私の質問は次のとおりです。これはどのように詳細に機能しますか? ピクセル操作ですか?基本的なレンダリング コードは何ですか?
ありがとうございました!
最近、素晴らしいラファエルの図書館を見つけました。たとえば、次のようになります。
私がコードをチェックしたとき、私は(前向きな意味で)ショックを受けました。
HTML5 キャンバスや、ここのような余分な div は使用しませんでした(これは好きではありません)。
私の質問は次のとおりです。これはどのように詳細に機能しますか? ピクセル操作ですか?基本的なレンダリング コードは何ですか?
ありがとうございました!
主に、ベクトルを表すために XML に似たマークアップであるSVGを使用します。< IE9 ブラウザーの場合、 IE がまだサポートしている非推奨のベクター マークアップであるVMLを使用していると思います。
SVG/VML は、ベクター グラフィックスの形式です。それらは数式で表現された形状です。これにより、ピクセル化するラスター グラフィックスとは異なり、スケーリング時に数式が再計算され、シャープなエッジが維持されるため、スケーラブルなグラフィックスに適しています。
firebug または Chrome のインスペクタでソースを検査します。SVGを生成します。