Question

我正在制作的网站（here）的所有图片都是SVG。但由于SVG在任何地方都不兼容（特别是IE＆lt; 9和版本2.x上的Android浏览器），我需要找到一种解决方法。这可能不是SVGweb，因为它使用Flash，而Flash在移动设备上不起作用。

所以我认为我找到了一个有效的解决方案。

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();
                    }
                });
            }
        }
    });
});

但这似乎没有任何效果，因为没有错误，我找不到任何逻辑错误，我很难过。这是我的标签，万一我弄乱了某些东西的加载顺序。

<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>

此外，这不是主要问题，但如果你碰巧弄清楚为什么Selectivizr不工作，请告诉你。

使用Modernizr，CanVG和ExCanvas渲染SVG图像

0 个答案: