图片

通过DOM元素创建:

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

其中 imgElement 可以通过从现有 DOM 中获取,也可通过 fabric.Image.fromURL 获取:

var canvas = new fabric.Canvas('canvas');
fabric.Image.fromURL(require("@/assets/logo.png"), function(oImg) {
  oImg.scale(0.5);//图片缩小10倍
  canvas.add(oImg);
});

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress