2015-11-24 4 views
6

私はリーフレットベースのアプリケーションを作っています。ユーザーがマップ上にsvgイメージを '描画'できるようにしたいと考えています。これを達成するために、mousedownイベントとmouseupイベントを追跡してimageBoundsを定義し、imageOverlayを使用してsvgイメージを描画します。imageOverlayをリーフレットに引き伸ばすことは可能ですか?

私は、定義されたimageBoundsに完全にフィットするようにsvgイメージを伸ばしたいのですが、代わりに縦横比を歪ませずにimageBoundsに収まるようにスケーリングします。

imageOverlaysが元のアスペクト比を無視し、imageBoundsに収まるようにする方法はありますか?

imageBounds = [southwest, northeast]; 
_tempShape = L.imageOverlay(_imageUrl, imageBounds); 
_tempShape.addTo(_map); 

EDITは:代わりに、ビットマップイメージと同じことを実行しようとしました、それはストレッチを行いますので、SVG、特定のものになるために縫い目。

答えて

0

私はそれを理解しました。リーフレットの問題ではなく、SVG固有の動作です。スケーリングの際にSVGを伸ばすために、preserveAspectRatio="none"属性をSVGルートノードに追加しました。 https://css-tricks.com/scale-svg/

:SVGのスケーリングについての詳細を探している誰のために

関連する問題