0

私は SVG と Raphael.js を初めて使用するので、書いたコードは期待どおりに機能しますが、自分が行ったことがベスト プラクティス/正しい方法であるかどうか、またはより良い方法があるかどうかを確認したいと思います。

私には道があります。それは基本的にオフサークルです(ブランドによると)。PNGをSVG(オンライン)に変換してパスを取得しました。私が抱えていた問題は、画像が 72x72px であることが意図されていたときに、オンライン コンバーターが画像をかなり大きなサイズにスケーリングしていたことです。

さまざまなサイズの円を使用する必要があるため、これは実際に私の好意で機能しました。

だから私は.transform()それを縮小して、必要なサイズに変換していました。ちょっとしたハックのように感じます。より良い方法はありますか?それとも、これがあなたができる最善のことですか?

ここに私のコードがあります: http://jsfiddle.net/9LHUE/

前もって感謝します。

4

1 に答える 1

1

使用.transform()は問題ありません。「スケーラブル ベクター グラフィックス」の全体的な考え方は、スケーラブルであるということです。それらは座標ベースの定義からページにレンダリングされるため、どのサイズでも適切に表示されるはずです。

私にとってハックのように感じるのは、より数学的な方法で定義を行うのではなく、png からこのきれいに幾何学的な図形をインポートすることです。これほど単純な形状に対して、これほど巨大なベジエ曲線が本当に必要なのかは疑問です。

とはいえ、「オフサークル」が何であるかはわかりません。たぶん、それはまったく単純ではありません。

于 2013-04-02T14:46:37.300 に答える