Conditional loading of svg4everybody with modernizr

[jonathantneal]

Conditional loading of svg4everybody with modernizr

[jonathantneal]

It really depends on how you want to setup your application. I think this is a great idea, but I’d need to be convinced before I recommended it in the out-of-the-box instructions. Perhaps we could start a wiki. Would you be interested in writing a document on how you would use svg4everybody and modernizr together?

[ismay]

It really depends on how you want to setup your application.

That's true, it's just a possible solution. It makes sense to me as this is what modernizr and yepnope were meant to do, but I'm not sure whether this would make much of a difference performance wise.

Perhaps we could start a wiki. Would you be interested in writing a document on how you would use svg4everybody and modernizr together?

I wouldn't mind writing a document, but I don't know whether I'd have anything useful to say. But I'd be happy to help where I can. What exactly were you thinking about including in the document?

Btw., as I said above, first there needs to be a modernizr test that reliably tests for svg fragment identifier support (http://caniuse.com/svg-fragment). It doesn't look like such a test is currently shipped with modernizr: https://github.com/Modernizr/Modernizr/tree/master/feature-detects/svg

A quick search led me to this:

function supportsSvgView() {
    return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#View", "1.1");
}

if(supportsSvgView()) {
    alert('Supported');
}
else {
    alert('Not supported');
}

http://jsfiddle.net/w2aLc3k9/, forked from: http://stackoverflow.com/a/22845912

But I'm not sure whether this would actually reliably test for fragment identifier support.

---

Correction: an issue on the modernizr repo (Modernizr/Modernizr#1409) shows that:

modernizr can't really use any external uris, ever. all of our tests need to be self contained and not realiant upon a network connection.

So this'll first need to be solved before svg4everybody can be used with modernizr and yepnope.

[kavika13]

This might not be the place to ask this, but we're talking about where to load the library...

Is there anything special about this library that requires that you load it in the head of the document instead of at the foot of the body? I've seen only a few other libraries that needs to be loaded in the head, and they're also a polyfills.

[Rowno]

@kavika13 From the README:

Only IE6-8 require the script run this early, in order to shiv the svg and use elements.

[kavika13]

TYVM!

[jonathantneal]

Version 2 allows you to activate svg4everybody whenever you decide to.