// ==UserScript==// @name         Пипетка// @namespace    awaw https://lolz.live/andrey// @version      1.05// @description  Пипетка для выбора цвета// @match        https://lolz.live/*// @match        https://zelenka.guru/*// @grant        GM_addStyle// @license      MIT// ==/UserScript==(function () {'use strict';function addColorPickerButton() {const toolbar = document.querySelector('.fr-toolbar');if (!toolbar) return;const pickerButton = document.createElement('button');pickerButton.className = 'color-picker-button fr-command fr-btn';pickerButton.innerHTML = '<i class="fas fa-eye-dropper"></i>';pickerButton.addEventListener('click', (event) => {event.preventDefault();event.stopPropagation();openColorPicker();});toolbar.appendChild(pickerButton);}function openColorPicker() {if (document.getElementById('colorPickerWindow')) return;const pickerWindow = document.createElement('div');pickerWindow.id = 'colorPickerWindow';pickerWindow.style.cssText = `position: fixed;top: 100px;left: 100px;background: #2d2d2d;color: #ffffff;border: 1px solid #444;box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);z-index: 9999;cursor: default;border-radius: 8px;padding: 10px;width: 500px;height: 400px;max-height: 90vh;overflow: hidden;resize: both;min-width: 300px;min-height: 200px;display: flex;flex-direction: column;`;pickerWindow.innerHTML = `<button id="closePicker" style="position: absolute; top: 5px; right: 10px;">X</button><button id="uploadScreenshot" style="margin: 10px auto; padding: 5px 10px;">Загрузить</button><input type="file" id="screenshotInput" accept="image/*" style="display: none;"><div id="imageContainer" style="flex-grow: 1; display: flex; justify-content: center; align-items: center; overflow: hidden;"></div><div style="margin-top: 10px; text-align: center;"><input type="text" id="hexColor" readonly style="width: 80px; text-align: center;"><button id="copyColor">Скопировать</button></div>`;document.body.appendChild(pickerWindow);let isDragging = false;let offsetX = 0, offsetY = 0;let img = null;let scale = 1;let posX = 0, posY = 0;let isPanning = false, startX = 0, startY = 0;document.getElementById('uploadScreenshot').addEventListener('click', () => {document.getElementById('screenshotInput').click();});document.getElementById('screenshotInput').addEventListener('change', (event) => {const file = event.target.files[0];if (file) {const reader = new FileReader();reader.onload = function (e) {img = new Image();img.src = e.target.r###lt;img.style.cursor = 'grab';img.style.position = 'absolute';img.style.transformOrigin = 'center';img.style.maxWidth = '100%';img.style.maxHeight = '100%';const imgWrapper = document.createElement('div');imgWrapper.style.position = 'relative';imgWrapper.style.width = '100%';imgWrapper.style.height = '100%';imgWrapper.style.overflow = 'hidden';imgWrapper.appendChild(img);const container = document.getElementById('imageContainer');container.innerHTML = '';container.appendChild(imgWrapper);// Масштабирование колесиком мышиimg.addEventListener('wheel', (event) => {event.preventDefault();let delta = event.deltaY > 0 ? -0.1 : 0.1;scale = Math.min(Math.max(0.5, scale + delta), 3);img.style.transform = `translate(${posX}px, ${posY}px) scale(${scale})`;});// Перемещение изображения ЛКМimg.addEventListener('mousedown', (event) => {isPanning = true;startX = event.clientX - posX;startY = event.clientY - posY;img.style.cursor = 'grabbing';});document.addEventListener('mousemove', (event) => {if (!isPanning) return;posX = event.clientX - startX;posY = event.clientY - startY;img.style.transform = `translate(${posX}px, ${posY}px) scale(${scale})`;});document.addEventListener('mouseup', () => {isPanning = false;img.style.cursor = 'grab';});// Обновление размеров изображения при изменении окнаconst resizeObserver = new ResizeObserver(() => {img.style.maxWidth = '100%';img.style.maxHeight = '100%';});resizeObserver.observe(pickerWindow);// Выбор цвета при кликеimg.addEventListener('click', (event) => {const canvas = document.createElement('canvas');const ctx = canvas.getContext('2d');canvas.width = img.naturalWidth;canvas.height = img.naturalHeight;ctx.drawImage(img, 0, 0);const rect = img.getBoundingClientRect();const x = (event.clientX - rect.left) * (canvas.width / rect.width);const y = (event.clientY - rect.top) * (canvas.height / rect.height);const pixel = ctx.getImageData(x, y, 1, 1).data;const hex = `#${pixel[0].toString(16).padStart(2, '0')}${pixel[1].toString(16).padStart(2, '0')}${pixel[2].toString(16).padStart(2, '0')}`;document.getElementById('hexColor').value = hex;});};reader.readAsDataURL(file);}});document.getElementById('copyColor').addEventListener('click', () => {navigator.clipboard.writeText(document.getElementById('hexColor').value);});document.getElementById('closePicker').addEventListener('click', () => {pickerWindow.remove();});}window.addEventListener('load', addColorPickerButton);})();