Fabricjs: загрузить svg из локальной папки

Мне нужно загрузить 1.svg из локальной папки. В следующем коде, когда я заменяю fabric.loadSVGFromURL("http://fabricjs.com/assets/1.svg" на fabric.loadSVGFromURL("1.svg", изображение больше не отображается на холсте. Что я делаю не так? Какой правильный код?

<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" /> <!-- reset css -->
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<style>
    body{ background-color: ivory; }
    canvas{border: 1px solid red; }
</style>
<script>
    $(function(){
        var canvas = new fabric.Canvas('canvas');
        var group = [];
        fabric.loadSVGFromURL("http://fabricjs.com/assets/1.svg",function(objects,options) {
            var loadedObjects = new fabric.Group(group);
            loadedObjects.set({
                left: 100,
                top: 100,
                width:175,
                height:175
            });
            canvas.add(loadedObjects);
            canvas.renderAll();
        },function(item, object) {
                object.set('id',item.getAttribute('id'));
                group.push(object);
        });
    }); // end $(function(){});
</script>
</head>
<body>
    <canvas id="canvas" width="900" height="900"></canvas> 
</body>
</html>

person patm    schedule 25.06.2015    source источник


Ответы (2)


Модель безопасности Chrome не позволяет этого. Вы можете запустить с параметром командной строки --allow-file-access-from-files, чтобы переопределить это.

person Robert Longson    schedule 25.06.2015

Этот файл размещен на сервере? Если это не так, как только вы разместите html-файл на сервере, он отобразит изображение svg. Файл svg должен находиться в той же папке на веб-сайте, где вы размещаете файл html.

person nik    schedule 25.06.2015