Greasy Fork

Greasy Fork is available in English.

稿定设计去水印

稿定设计去水印脚本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         稿定设计去水印
// @namespace    xcantloadx
// @version      2024-08-08
// @description  稿定设计去水印脚本
// @author       You
// @match        https://www.gaoding.com/editor/design*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=gaoding.com
// @grant        none
// @run-at       document-start
// @license      GNU GPLv3
// ==/UserScript==

(function() {
    'use strict';

    // Hook canvas operations
    const originalGetContext = HTMLCanvasElement.prototype.getContext;
    HTMLCanvasElement.prototype.getContext = function() {
        const context = originalGetContext.apply(this, arguments);
        if (this.className !== 'infinite-canvas')
            return context;
        if (context && context.__isHooked) return context;

        const canvas = this;
        const history = new Set();

        const proxy2Raw = new Map();

        function intercept(value) {
            switch (typeof value) {
                case 'function':
                case 'object':
                    const proxy = new Proxy(value, {
                        get(target, key) {
                            const value = Reflect.get(target, key);
                            if (value instanceof HTMLCanvasElement)
                                return value;
                            else
                                return intercept(value);
                        },
                        set(target, key, value) {
                            const result = Reflect.set(target, key, value);
                            return result;
                        },
                        apply(target, thisArg, args) {
                            const value = Reflect.apply(target, proxy2Raw.get(thisArg), args);
                            if(target.name === 'save') {
                                saveHistory();
                            }
                            return intercept(value);
                        }
                    });
                    if (typeof value === 'object')
                        proxy2Raw.set(proxy, value);
                    return proxy;
                default:
                    return value;
            }
        }

        const saveHistory = () => {
            const dataURL = canvas.toDataURL('image/png');
            history.add(dataURL);
        };

        const proxyContext = intercept(context);
        proxyContext.__isHooked = true;

        window.setTimeout(function(){
            // Create a floating button
            const button = document.createElement('button');
            button.innerText = '下载 <canvas> 快照';
            button.style.position = 'absolute';
            button.style.top = '50px';
            button.style.left = '50%';
            button.style.transform = 'translate(-50%, -50%)';
            button.style.zIndex = '10000';
            button.style.padding = '10px';
            button.style.backgroundColor = '#007bff';
            button.style.color = '#fff';
            button.style.border = 'none';
            button.style.borderRadius = '5px';
            button.style.cursor = 'pointer';
            button.style.zIndex = '9999';
            document.body.appendChild(button);

            // Create an overlay to block clicks
            const overlay = document.createElement('div');
            overlay.style.position = 'fixed';
            overlay.style.top = '0';
            overlay.style.left = '0';
            overlay.style.width = '100%';
            overlay.style.height = '100%';
            overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
            overlay.style.zIndex = '9998';
            overlay.style.cursor = 'not-allowed';
            document.body.appendChild(overlay);

            button.addEventListener('click', () => {
                Array.from(history).forEach((dataURL, index) => {
                    const a = document.createElement('a');
                    a.href = dataURL;
                    a.download = `canvas_history_${index + 1}.png`;
                    a.click();
                });
            });

        }, 300);

        return proxyContext;
    };
})();