plugins_home.js

import { FBasePlugin } from './base.js';

/**
 * @class
 * @summary 返回首页插件
 * @classdesc 点击后用于返回到首页的的捕获插件
 * @hideconstructor
 * @extends {FBasePlugin}
 * @memberof module:plugins
 * @alias FHomePlugin
 */
export class FHomePlugin extends FBasePlugin {
  /**
   * @default 'quit'
   * @override
   */
  _name = 'home';

  /**
   * @default 0
   * @override
   */
  _priority = 24;

  /**
   * @override
   */
  install(live2d) {
    super.install(live2d);
    if (!this._enable) {
      return;
    }
    // 关闭按钮
    this._back = document.createElement('div');
    this._back.className = 'live2d-menu-item live2d-flex-center';
    this._back.title = '返回首页';
    this._back.innerHTML = `
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M 25 1.0507812 C 24.7825 1.0507812 24.565859 1.1197656 24.380859 1.2597656 L 1.3808594 19.210938 C 0.95085938 19.550938 0.8709375 20.179141 1.2109375 20.619141 C 1.5509375 21.049141 2.1791406 21.129062 2.6191406 20.789062 L 4 19.710938 L 4 46 C 4 46.55 4.45 47 5 47 L 19 47 L 19 29 L 31 29 L 31 47 L 45 47 C 45.55 47 46 46.55 46 46 L 46 19.710938 L 47.380859 20.789062 C 47.570859 20.929063 47.78 21 48 21 C 48.3 21 48.589063 20.869141 48.789062 20.619141 C 49.129063 20.179141 49.049141 19.550938 48.619141 19.210938 L 25.619141 1.2597656 C 25.434141 1.1197656 25.2175 1.0507812 25 1.0507812 z M 35 5 L 35 6.0507812 L 41 10.730469 L 41 5 L 35 5 z"></path></svg>
    `;
    // 添加事件监听
    const ref = this._live2d.ref['backToHome'] = this.backToHome.bind(this);
    this._back.addEventListener('click', ref);
    this._live2d.stage.addMenu(this._back, this._priority);
  }

  /**
   * @override
   */
  uninstall(live2d) {
    if (!this._enable) {
      return;
    }
    location.pathname;
    const ref = this._live2d.ref['backToHome'];
    this._back.removeEventListener('click', ref);
    this._live2d.stage.removeMenu(this._back);
    // 移除引用
    this._back = null;
  }

  /**
   * 点击首页按钮式返回到网站的首页
   * @summary 返回首页
   */
  backToHome() {
    const url = window.location.origin + this._live2d.data.homePath;
    window.location.assign(url);
  }
}