2015-11-24 12 views
6

Broşür tabanlı bir uygulama yapıyorum ve kullanıcının harita üzerinde bir svg görüntüsünü 'çizmesini' istiyorum. Bunu gerçekleştirmek için, imageBounds tanımlamak ve bir svg resim çizmek için bir imageOverlay kullanarak, mousedown ve mouseup olayları izliyorum.Broşürde bir imageOverlay uzatmak mümkün mü?

bunu tam olarak tanımlanmış imageBounds uygun şekilde svg görüntü uzatılmış verilsin, ancak bunun yerine en-boy oranı bozmadan imageBounds içinde uygun şekilde ölçeklenir.

orijinal boy oranını göz ardı ederek imageBounds sığacak şekilde germek için imageOverlays etkinleştirmek için bir yol var mı?

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

DÜZENLEME: yerine bir bitmap görüntüsüyle aynı şeyi yapmak için çalıştı ve bir SVG belirli şey olması yolunmuş yüzden, streç yapar.

cevap

0

Bunu çözdüm. Bir broşür sorunu değil, doğal bir SVG davranışıydı. Bir SVG'nin ölçekleme sırasında gerilmesine izin vermek için SVG kök düğümüne preserveAspectRatio="none" özniteliğini ekledim.

SVG ölçeklendirme hakkında daha fazla bilgi isteyen herkes için: https://css-tricks.com/scale-svg/