Fabricjs：從本地文件夾加載svg
[英]Fabricjs: Load svg from local folder
問題描述
我需要從本地文件夾加載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>
2 個解決方案
解決方案1
0 2015-06-25 06:05:56
Chrome的安全性模型不允許這樣做。 您可以使用命令行選項--allow-file-access-from-files來覆蓋它。
解決方案2
0 2015-06-25 06:18:11
此文件托管在服務器上嗎？ 如果不是，一旦將html文件托管在服務器中，它將顯示svg圖像。 svg文件必須位於放置html文件的網站下的同一文件夾中。
如何在 gatsby 中從 json 文件加載和顯示本地 svg 圖像？
[英]How to load and display local svg images from json file in gatsby?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.