SVG dosyası için bazı ECMA/JavaScript üzerinde çalışıyorum ve onu çevreleyen dikdörtgeni yeniden boyutlandırmak böylece text bir elemanı width height almak gerekir. HTML öğesi offsetWidth offsetHeight öznitelikleri kullanmak mümkün olacak ama bu özellikleri kullanılamaz gibi görünüyor.

Burada çalışmak için ihtiyacım olan bir parça. Metni değiştirmek her dikdörtgenin genişliği değiştirmek istiyorum ama width gerçek (piksel cinsinden) text elemanın almak için nasıl bilmiyorum.

<rect x="100" y="100" width="100" height="100" />
<text>Some Text</text>

Herhangi bir fikir?

var bbox = textElement.getBBox();
var width = bbox.width;
var height = bbox.height;

ve sonra rect niteliklerini buna göre ayarlayın.

Link: SVG getBBox() v1.1 standart.