Raw Source Toggle Dropdown

• Minified Source

ti-ji / Drawnix 白板

// ==UserScript==
// @name        Drawnix 白板
// @name:en     Drawnix Whiteboard
// @namespace   q962_
// @match       *://*/*
// @version     0.1
// @author      q962_
// @license     MIT
// @description drawnix.com 让其存在与每个网站
// @description:en drawnix.com makes it available on every website
// @grant       GM_addElement
// @grant       GM_addStyle
// @grant       GM_registerMenuCommand
// @grant       GM_getResourceText
// @require     https://cdn.jsdelivr.net/gh/q962/drawnix-lib@b9256b3918d0d86ecbd0b319ab43e5d6780472f1/drawnix-lib.iife.min.js
// @resource drawnixCss https://cdn.jsdelivr.net/gh/q962/drawnix-lib@b9256b3918d0d86ecbd0b319ab43e5d6780472f1/drawnix.css
// ==/UserScript==

GM_addStyle(GM_getResourceText("drawnixCss"));

GM_addStyle(`

.drawnix_root {
  overflow: hidden;

  position: fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index: 9999999999;
}

`)

let drawnix_root = GM_addElement("div");
drawnix_root.classList.add("drawnix_root");
drawnix_root.hidden = true;

let drawnix_i;

GM_registerMenuCommand('打开', ()=>{
  if(drawnix_i){
    drawnix_root.hidden = true;
    drawnix_i.unmount();
    drawnix_i=undefined
  } else {
    drawnix_root.hidden = false;
    drawnix_i = drawnix.mount(drawnix_root)
  }
});