Fabricjs:从本地文件夹加载svg
Fabricjs: Load svg from local folder
我需要从本地文件夹加载1.svg
。在下面的代码中,当我用fabric.loadSVGFromURL("1.svg"
替换fabric.loadSVGFromURL("http://fabricjs.com/assets/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>
Chrome的安全模型不允许这样做。您可以使用命令行选项运行——允许从文件访问文件来覆盖这一点。
此文件是否托管在服务器上?如果不是,一旦您在服务器中托管html文件,它就会显示svg图像。svg文件需要位于放置html文件的网站下的同一文件夹中。
相关文章:
- 我的外部js文件无法加载
- 无法在obj+mtl文件中加载纹理
- js文件未加载js控制台say's”;不允许加载本地资源”;
- 如何在dojo应用程序构建概要文件中加载json文件
- jQuery:用文件夹中的图像填充数组.或者使用AJAX从文件夹加载图像
- 如何从一个文件夹加载所有内容
- 如何从 SDK 插件数据文件夹加载 DLL
- Android WebView:使用脚本标签从我的资产文件夹加载外部 JavaScript 文件
- AngularJS从文件夹加载控制器
- 本地网页-从文件夹加载图像
- 从e文件夹加载图像并将其显示在html中
- 想要从每个“文件夹”上的文件夹加载新图像;下一个“;点击
- 如何使用javascript从文件夹加载图像
- 如何使用AngularJS和asp.net MVC 4从视图文件夹加载模板
- 从本地文件夹加载文件
- AMP-HTML页面如何从rails/app/assets/javascript文件夹加载javascript ?
- 如何从php中的不同src文件夹加载文件
- Fabricjs:从本地文件夹加载svg
- 无法从Laravel 5中的PUBLIC文件夹加载AngularJs文件
- 从不同的文件夹加载图像