Greasy Fork

Greasy Fork is available in English.

SVG Download

给字统提供下载 SVG 按钮

当前为 2024-03-01 提交的版本，查看 最新版本。

// ==UserScript==
// @name         SVG Download
// @namespace    http://tampermonkey.net/
// @version      3.0
// @description  给字统提供下载 SVG 按钮
// @author       Basic 低手
// @license      MIT
// @match        https://zi.tools/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=zi.tools
// @grant        none
// ==/UserScript==

function waitForElm(selector) {
    return new Promise(resolve => {
        if (document.querySelector(selector)) {
            return resolve(document.querySelector(selector));
        }

        const observer = new MutationObserver(mutations => {
            if (document.querySelector(selector)) {
                resolve(document.querySelector(selector));
                observer.disconnect();
            }
        });

        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
    });
}
waitForElm('.links').then((Links) => {
//window.addEventListener("load", function(){
//window.onload=function(){
    console.log("AAA");
    var c=document.title.split(":")[0];
    var s='<i data-v-6828fe67="" class="anticon anticon-link"><svg data-v-6828fe67="" viewBox="64 64 896 896" data-icon="link" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"></path></svg></i>';
//    console.log(s);
    var pattern = new RegExp(c);
    console.log(pattern);
 //   var Links=document.getElementsByClassName("links")[0];
    var pcOnly=document.getElementsByClassName("pc-only")[0];
    var SVG=pcOnly.getElementsByTagName("svg")[0].cloneNode(true);
    SVG.style="";
    SVG.setAttribute("width", "200");
    SVG.setAttribute("height", "200");
    SVG.setAttribute("viewBox", "");
    console.log(SVG);
    var dash=SVG.children[0];
    SVG.removeChild(dash);
    var btnDown=document.createElement("button");
    btnDown.innerText="下载 SVG 文件";
    btnDown.onclick=function(){
  // 定义触发事件的DOM
        var text=SVG.outerHTML;
        var filename=pcOnly.innerText.replace(":","：")+".svg";
        var element = document.createElement('a');
        element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
        element.setAttribute('download', filename);

        element.style.display = 'none';
        document.body.appendChild(element);

        element.click();

        document.body.removeChild(element);
    }
    Links.appendChild(btnDown);
//}
//},false);
});