@tencentcloud/roomkit-electron-vue3/es/components/Whiteboard/core/arrow.mjs

<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,

import { fabric } from "fabric";
fabric.Arrow = fabric.util.createClass(fabric.Line, {
  type: "arrow",
  superType: "drawing",
  initialize(points, options) {
    if (!points) {
      const { x1, x2, y1, y2 } = options;
      points = [x1, y1, x2, y2];
    }
    options = options || {};
    this.callSuper("initialize", points, options);
    this.arrowWidth = 7;
    this.arrowHeight = 7;
  },
  _render(ctx) {
    this.callSuper("_render", ctx);
    ctx.save();
    const xDiff = this.x2 - this.x1;
    const yDiff = this.y2 - this.y1;
    const angle = Math.atan2(yDiff, xDiff);
    ctx.translate((this.x2 - this.x1) / 2, (this.y2 - this.y1) / 2);
    ctx.rotate(angle);
    ctx.beginPath();
    ctx.moveTo(this.arrowWidth, 0);
    ctx.lineTo(-this.arrowWidth, this.arrowHeight);
    ctx.lineTo(-this.arrowWidth, -this.arrowHeight);
    ctx.closePath();
    ctx.fillStyle = this.stroke;
    ctx.fill();
    ctx.restore();
  }
});
fabric.Arrow.fromObject = (options, callback) => {
  const { x1, x2, y1, y2 } = options;
  const arrow = new fabric.Arrow([x1, y1, x2, y2], {
    ...options
  });
  callback(arrow);
};
const Arrow = fabric.Arrow;
export {
  Arrow as default
};