使用fabric.js应用图像过滤器

时间:2015-12-09 11:03:39

标签: javascript html fabricjs

我想使用Fabric.js应用图像过滤器,但我无法使用。我是Fabric的初学者,但这里是我目前正在使用的代码:



$(document).ready(function(){
            var canvas = new fabric.Canvas('mon_canvas');
         
            fabric.Image.fromURL('img/appart.jpg', function(img) {
			    img.filters.push(new fabric.Image.filters.Sepia());
			  	img.applyFilters(canvas.renderAll.bind(canvas));
			  	canvas.add(img);
			});
		});

<body>
		<canvas id="mon_canvas" width="800" height="500" style="border:1px dotted black;"></canvas>
		<img src="img/appart.jpg" id="my-image" style="visibility:hidden;">
	  
	</body>
	<script type="text/javascript"  src="fabricJS/dist/fabric.js"></script>
	<script type="text/javascript"  src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
&#13;
&#13;
&#13;

我还导入了以下脚本:
fabricJS / DIST / fabric.js
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js



任何建议都会有所帮助。

0 个答案:

没有答案