Gibt es einen gültigen Typoskript-Typ für ein SVG-Dokument, das als HTML-Objekt eingebettet ist?

Question

ich ein SVG-Objekt in HTML bin Einbettung wie folgt:

<object id='mapObject' type="image/svg+xml" data="assets/maps/drawing.svg"> 
</object> 

Dann will ich es von meinen Typoskript Klassen erreichen (von Ionic 2, aber das sollte gleichgültig sein):

let map = document.getElementById("mapObject"); 
let svgDoc = map.contentDocument; // Get the inner SVG DOM 

Dies funktioniert auf Browser, aber Typoskript beschwert sich über sie:

Typoskript Property ‚contentdocument‘ existiert nicht auf Typ ‚Htmlelement '

Und schlimmer noch, es funktioniert nicht in dem Gerät, da der Compiler Code für sie zu generieren verweigert.

Meine temporäre Hack/Lösung wirft wie folgt:

let svgDoc = (<HTMLIFrameElement>map).contentDocument; // Get the inner SVG DOM 

Dies funktioniert in der Vorrichtung, weil HTMLIFrameElement die Eigenschaft contentdocument hat, aber es scheint mir, dass Typoskript einen bestimmten Typ für diese haben sollte. Ich konnte es jedoch nicht finden.

Jeder?

Answer 1

können Sie werfen/behaupten, es zu HTMLObjectElement die die contentDocument property hat:

let map = document.getElementById("mapObject") as HTMLObjectElement; 
let svgDoc = map.contentDocument; // should be fine