javascript - Rendering SVG images everywhere with Modernizr, CanVG and ExCanvas -
the website i'm making (here) has images svg. since svgs aren't compatible everywhere (notably ie <9 , android browser on versions 2.x), needed find workaround. couldn't svgweb, since uses flash, , flash doesn't work on mobile devices.
so thought had found working solution.
compatibility.js:
$(document).ready(function() { yepnope({ test: modernizr.svg, nope: ['extensions/canvg/rgbcolor.js','extensions/canvg/canvg.js'], complete: function(url,result,key) { if(!modernizr.svg) { yepnope({ test: modernizr.canvas, nope: 'extensions/excanvas.compiled.js', complete: function() { canvg(); } }); } } }); });
but seems have no effect whatsoever, , since there no errors , can't find logical errors, i'm stumped. here tag, in case messed load order of something.
<script type="text/javascript" src="extensions/less-1.3.3.min.js"></script> <script type="text/javascript" src="extensions/jquery-1.9.1.min.js"></script> <!--[if (gte ie 6)&(lte ie 8)]> ie!!!! <script type="text/javascript" src="extensions/selectivizr-min.js"></script> <![endif]--> <script type="text/javascript" src="extensions/modernizr-2.6.2.min.js"></script> <script type="text/javascript" src="compatibility.js"></script> <script type="text/javascript" src="scripts.js"></script> <title>myriam coiffure et esthétique</title>
also, isn't main question, if happen figure out why selectivizr isn't working, please tell.
Comments
Post a Comment