jvectormap のズームを、スムーズな飛び込みのような一種のアニメーションで実現できるかどうかを知っている人はいますか? 私は一日中これを探していましたが、すでに素晴らしいプラグインに大きな違いをもたらすと思うので、誰もこれを探していなかったとは信じられません. animate jquery 関数を試してみましたが、raphael プラグインを使用しない限り、SVG では機能しません。jvectormap のマーカー機能を実際に使用する必要があり、残念ながら 2 つのプラグインをマージできないため、使用できません。
どんな助けでも大歓迎です。
ありがとう、ジェフ
はい、可能です。
ズームは、svg グループ要素 (svg タグの下の g タグ) にスケールと変換の新しい値があるときに発生します。これらの値は、html 属性として設定されます。これらの値を css 属性として設定すると、css トランジションを使用してアニメーション化できます。
Firefoxコンソールで試しました。それはかなりうまくいきます。
ネイティブ コントロールを非表示にして、独自のズームイン、ズームアウト メソッドを記述する必要がある場合があります。ズームのためにスケールを維持し、フォーカスを正しく保つために変換する必要があります。
古いブラウザでは変換がサポートされていないため、この方法は機能しない可能性があります。変換と遷移のサポートを確認し、サポートされている場合にのみ実装を適用することを考えるかもしれません。