Method constructor

src/LGraphCanvas.ts:665–843

* Creates a new instance of LGraphCanvas. * @param canvas The canvas HTML element (or its id) to use, or null / undefined to leave blank. * @param graph The graph that owns this canvas. * @param options

(
    canvas: HTMLCanvasElement,
    graph: LGraph,
    options?: LGraphCanvas["options"],
  )

   * @param options
   */
  constructor(
    canvas: HTMLCanvasElement,
    graph: LGraph,
    options?: LGraphCanvas["options"],
  ) {
    options ||= {}
    this.options = options

    // if(graph === undefined)
    // throw ("No graph assigned");
    this.background_image = LGraphCanvas.DEFAULT_BACKGROUND_IMAGE

    this.ds = new DragAndScale(canvas)
    this.pointer = new CanvasPointer(canvas)

    this.linkConnector.events.addEventListener("link-created", () => this.#dirty())

    // @deprecated Workaround: Keep until connecting_links is removed.
    this.linkConnector.events.addEventListener("reset", () => {
      this.connecting_links = null
      this.dirty_bgcanvas = true
    })

    // Dropped a link on the canvas
    this.linkConnector.events.addEventListener("dropped-on-canvas", (customEvent) => {
      if (!this.connecting_links) return

      const e = customEvent.detail
      this.emitEvent({
        subType: "empty-release",
        originalEvent: e,
        linkReleaseContext: { links: this.connecting_links },
      })

      const firstLink = this.linkConnector.renderLinks[0]

      // No longer in use
      // add menu when releasing link in empty space
      if (LiteGraph.release_link_on_empty_shows_menu) {
        const linkReleaseContext = this.linkConnector.state.connectingTo === "input"
          ? {
            node_from: firstLink.node as LGraphNode,
            slot_from: firstLink.fromSlot as INodeOutputSlot,
            type_filter_in: firstLink.fromSlot.type,
          }
          : {
            node_to: firstLink.node as LGraphNode,
            slot_to: firstLink.fromSlot as INodeInputSlot,
            type_filter_out: firstLink.fromSlot.type,
          }

        const afterRerouteId = firstLink.fromReroute?.id

        if ("shiftKey" in e && e.shiftKey) {
          if (this.allow_searchbox) {
            this.showSearchBox(e as unknown as MouseEvent, linkReleaseContext as IShowSearchOptions)
          }
        } else if (this.linkConnector.state.connectingTo === "input") {