target.set is not a function

这个错误可能是因为 `target` 不是一个有效的 Fabric.js 对象。请确保在 `mouseUpHandler` 方法中使用的 `target` 参数是有效的 Fabric.js 对象。

另外，你也可以使用 `this` 关键字来获取当前控制点所属的对象，例如：

mouseUpHandler: function (eventData, target) {
  // 点击锁定后设置 selectable 属性为 false
  this.target.set('selectable', false);
  this.target.canvas.renderAll();
}

这里使用 `this.target` 可以确保 `target` 参数指向当前控制点所属的对象。如果依然出现问题，可以检查一下你的代码是否存在其他错误。

相关问题

this.jsonp is not a function

引用中的示例代码中使用了jsonpCallback参数来设置回调函数的唯一性标识。这个参数的值可以通过在回调函数名后加上一个唯一的标识，例如id后缀，来保证回调函数的唯一性。这样可以避免同时发送多个请求时回调函数匹配混乱的问题。中的示例代码中也使用了jsonp参数来实现跨域请求，并且在发送请求和获得响应的过程中使用了回调函数。不过需要注意的是，jsonp请求是基于script标签的，所以无法实现同步请求，且只支持get方式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [【小笔记】jsonp多次请求出现报错 XXX is not a function](https://blog.csdn.net/yue_hu/article/details/114936653)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [Vue 报错TypeError: this.$set is not a function 的解决方法](https://download.csdn.net/download/weixin_38684806/13668007)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

fabric.Object.prototype.customiseControls is not a function

如果您运行 `fabric.Object.prototype.customiseControls` 时出现 `customiseControls is not a function` 的错误，可能是因为这个方法在较旧的版本中不存在。

在较新的版本中，`fabric.Object.prototype.customiseControls` 被重命名为 `fabric.Object.prototype.setControlsVisibility`，并且具有不同的参数和用法。如果您使用的是较新的版本，可以尝试使用以下代码来自定义控制点：

// 将左上角的控制点改为一个宽度为10，高度为30的矩形
fabric.Object.prototype.setControlsVisibility({
  tl: false, // 隐藏默认的左上角控制点
  custom: {
    x: -0.5,
    y: -0.5,
    offsetX: 5,
    offsetY: 15,
    cursor: "nwse-resize",
    mouseUpHandler: resizeTopLeft,
    render: renderIcon
  }
});

// 定义 resizeTopLeft 和 renderIcon 方法
function resizeTopLeft(eventData, transform, x, y) {
  var target = transform.target;
  var w = target.width * target.scaleX - x;
  var h = target.height * target.scaleY - y;
  target.set({
    scaleX: w / target.width,
    scaleY: h / target.height,
    left: target.left + x,
    top: target.top + y
  });
  return true;
}

function renderIcon(ctx, left, top, styleOverride, fabricObject) {
  // 绘制一个宽度为10，高度为30的矩形
  ctx.fillRect(left + 5, top + 15, 10, 30);
}

在这个示例代码中，我们使用 `fabric.Object.prototype.setControlsVisibility` 方法，指定了要自定义的控制点。我们将默认的左上角控制点 `tl` 设置为隐藏，并定义了一个自定义的控制点，包括位置、偏移量、鼠标样式、鼠标抬起时的事件处理函数和渲染函数。

请注意，这个示例代码中只是演示了如何自定义左上角的控制点。如果您需要自定义其他控制点，可以使用类似的方法来实现。