Back to Questions
886
views1
comment
load svg file into DOM
websharper

Hi, I want to load an SVG file into the DOM so that I can attach events to its sub elements. In JS I did

1
2
3
4

$.get('folder/mydrawing.svg', function (data) {
                var svg = new XMLSerializer().serializeToString(data.documentElement);
                $('#mysvgdiv').append(svg)
            }

what is the right way to do this in WS?

.

We don't have a proxy for XMLSerializer, but you can write one quickly:

1
2
3
4

type XMLSerializer [<Inline "new XMLSerializer()">] () =

    [<Inline "$this.serializeToString($elt)">]
    member this.SerializeToString(elt: Dom.Element) = X<string>

and then use it just like you would in JavaScript:

1
2
3
4

JQuery.Get("folder/mydrawing.svg", fun data ->
    let svg = XMLSerializer().SerializeToString(data?documentElement)
    JQuery.Of("#mysvgdiv").Append(svg) |> ignore
) |> ignore
By on 3/21/2016 1:52 AM ()

    Topic tags

    IntelliFactory Offices Copyright (c) 2011-2012 IntelliFactory. All rights reserved.
    Home | Products | Consulting | Trainings | Blogs | Jobs | Contact Us | Terms of Use | Privacy Policy | Cookie Policy     		Built with WebSharper