创可贴下载无水印图片

Greasy Fork is available in English.
创可贴下载无水印图片

下载无水印图片左键点击下载鼠标中键按住拖动下载按钮位置并非源文件下载，适合手机海报使用
换行
// ==UserScript==
// @name         创可贴下载无水印图片
// @version      1.1
// @description  下载无水印图片 左键点击下载 鼠标中键按住拖动下载按钮位置  并非源文件下载，适合手机海报使用
// @author       清欢
// @match        https://www.chuangkit.com/odyssey/*
// @grant        GM_xmlhttpRequest
// @grant        GM_download
// @run-at       document-end
// @license MIT
// @namespace http://greasyfork.icu/users/815509
// ==/UserScript==

(function() {
    'use strict';

    // 添加下载按钮到页面
    function addDownloadButton() {
        const button = document.createElement('button'); // 创建新的按钮元素
        button.textContent = '下载图片'; // 设置按钮文本内容

        // 从localStorage获取按钮的位置，如果没有则使用默认值
        const storedTop = localStorage.getItem('buttonTop') || '60px';
        const storedLeft = localStorage.getItem('buttonLeft') || 'calc(100% - 800px)';

        // 设置按钮样式
        Object.assign(button.style, {
            position: 'fixed', // 固定位置
            top: storedTop,    // 顶部位置
            left: storedLeft,  // 左侧位置
            zIndex: '99999',   // z-index确保按钮在最上层
            backgroundImage: 'linear-gradient(to right, deepskyblue, rebeccapurple)', // 背景渐变色
            color: 'white',    // 文字颜色
            border: 'none',    // 无边框
            padding: '10px 20px', // 内边距
            textAlign: 'center',  // 文字居中
            textDecoration: 'none', // 无文本装饰
            display: 'inline-block', // 行内块级元素
            fontSize: '16px',    // 文字大小
            margin: '4px 2px',   // 外边距
            cursor: 'pointer',   // 鼠标手势
            borderRadius: '15px', // 边框圆角
        });

        document.body.appendChild(button); // 将按钮添加到页面中
        button.addEventListener('click', download); // 绑定点击事件到下载函数
        makeDraggable(button); // 使按钮可拖动
    }

    // 使元素可拖动的函数
    function makeDraggable(element) {
        let isDragging = false; // 拖动状态标志
        let dragStartX, dragStartY; // 拖动开始时的鼠标位置

        // 鼠标按下事件
        element.addEventListener('mousedown', function(e) {
            if (e.button === 1) { // 中键为1
                isDragging = true; // 设置拖动标志为真
                dragStartX = e.clientX - element.offsetLeft; // 计算初始偏移量X
                dragStartY = e.clientY - element.offsetTop;  // 计算初始偏移量Y
                e.preventDefault(); // 阻止中键的默认行为
            }
        });

        // 鼠标移动事件
        document.addEventListener('mousemove', function(e) {
            if (isDragging) { // 如果正在拖动
                // 更新元素位置
                element.style.left = (e.clientX - dragStartX) + 'px';
                element.style.top = (e.clientY - dragStartY) + 'px';
            }
        });

        // 鼠标释放事件
        document.addEventListener('mouseup', function(e) {
            if (e.button === 1 && isDragging) { // 如果是中键释放且正在拖动
                isDragging = false; // 设置拖动标志为假
                // 存储新位置到localStorage
                localStorage.setItem('buttonTop', element.style.top);
                localStorage.setItem('buttonLeft', element.style.left);
            }
        });
    }

    // 下载函数，用于处理下载操作
    function download() {
        // 从URL中解析设计ID
        const urlParams = new URLSearchParams(window.location.search);
        const designId = urlParams.get('d') || 'default_design_id';

        // 准备POST请求的数据
        const postData = `render_type=101&design_id=${designId}&GW=true&client_type=0`;

        // 发起POST请求
        GM_xmlhttpRequest({
            method: 'POST', // 请求方法
            url: 'https://gw.chuangkit.com/imagehub/task/addSyncThumbTask.do?_dataType=json&client_type=0', // 请求URL
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded' // 设置内容类型头部
            },
            data: postData, // 请求数据
            onload: function(response) { // 请求加载完毕后的回调函数
                // 解析响应数据为JSON
                const responseData = JSON.parse(response.responseText);
                // 如果响应数据中有图片地址
                if (responseData && responseData.body && responseData.body.data.thumbUrls) {
                    // 获取图片地址
                    const imgUrl = responseData.body.data.thumbUrls[0];
                    // 打开新标签页到图片地址
                    window.open(imgUrl, '_blank');
                } else {
                    // 否则弹出错误提示
                    alert('无法获取图片地址。');
                }
            },
            onerror: function(error) { // 请求出错的回调函数
                // 弹出错误提示
                alert('请求失败。');
            }
        });
    }

    // 加载完毕后添加下载按钮
    window.addEventListener('load', addDownloadButton);
})();