Fabricjs: Muat svg dari folder lokal

Saya perlu memuat 1.svg dari folder lokal. Pada kode berikut, ketika saya mengganti fabric.loadSVGFromURL("http://fabricjs.com/assets/1.svg" dengan fabric.loadSVGFromURL("1.svg", gambar tidak lagi ditampilkan di kanvas. Apa yang saya lakukan salah? Apa kode yang benar?

<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="/idcss/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 sumber


Jawaban (2)


Model keamanan Chrome tidak mengizinkannya. Anda dapat menjalankan dengan opsi baris perintah --allow-file-access-from-files untuk menimpanya.

person Robert Longson    schedule 25.06.2015

Apakah file ini dihosting di server? Jika tidak, setelah Anda menghosting file html di server, gambar svg akan ditampilkan. File svg harus berada di folder yang sama di bawah situs web tempat Anda meletakkan file html.

person nik    schedule 25.06.2015