小编Geo*_*rge的帖子

我有一个 vue 应用程序。我用来this.data访问它的数据变量和方法。

在某种方法中，我必须使用 img.onload 来获取图像的宽度。但是现在有 2 个“ this ”，vue js 方法和变量现在不起作用。我需要一个替代解决方案，以便两者都能工作。

vueMethod(url) {
 var img = new Image();
 img.onload = function() {
  this.size = {this.width,this.height}  //size is a vue variable
 }
 img.src = url;
}

使用HTML Canvas API，我们可以使用选定的字体绘制文本：

var ctx = document.getElementById("canvas").getContext("2d");
ctx.font = '20px Arial';

除了“ Arial”外，我还有什么其他选择，不包括任何其他字体？

我不想使用脚本来检测字体。我只是想要一个字体列表，如果不是全部的话，那么至少对于HTML canvas元素来说，至少是大多数浏览器都支持。

在fabric.js中，您可以使用以下命令获取画布中的所有线条

objects = canvas.getObjects('line')

但我有一些对象是一组rect和text。

如何标记项目并将它们作为一个组？我无法选择所有组，因为还有其他类型的组。

这是我的分组对象

var profilepic = new fabric.Rect({
        originX: 'center',
        originY: 'center',
        fill: "#000",
        opacity: 0.7,
        strokeDashArray: [5, 5],
        stroke: '#fff',
        width: w,
        height: h
      });
      var text = new fabric.Text(text, {
        fontSize: 30,
        fill: "#fff",
        originX: 'center',
        originY: 'center',
      });
      var group = new fabric.Group([ profilepic, text ], {
        left: x,
        top: y,
        angle: 0,
      });