Fabric对图片的操作HTML插入图片图片去掉选中边框和旋转，且只能移动，不可操作 oImg.hasControls

图片去掉选中边框和旋转，且只能移动，不可操作

oImg.hasControls = false; 只能移动不能（编辑）操作
oImg.hasBorders = false; 去掉边框，可以正常操作
hasRotatingPoint = false; 不能被旋转
hasRotatingPoint 控制旋转点不可见

HTML插入图片

<body>
  <canvas width='800' height='800'></canvas>
  <img src="./2.png">
</body>
---------------------
var canvas = new fabric.Canvas('canvas');//声明画布
var imgElement = document.getElementById('img');//声明我们的图片   
var imgInstance = new fabric.Image(imgElement,{  //设置图片位置和样子
  left:100,
  top:100,
  width:200,
  height:100,
  angle:30//设置图形顺时针旋转角度
});
canvas.add(imgInstance);//加入到canvas中

JavaScript插入图片

var canvas = new fabric.Canvas('canvas');
fabric.Image.fromURL('./2.png', function(oImg) {
  oImg.scale(0.1);//图片缩小10倍
  canvas.add(oImg);
});