☰

Greasy Fork 支持简体中文。

Drawaria Image Canvas Importer

Import Images Directly to Drawaria Canvas

  1. // ==UserScript==
  2. // @name         Drawaria Image Canvas Importer
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.1
  5. // @description  Import Images Directly to Drawaria Canvas
  6. // @author       YouTubeDrawaria
  7. // @match        https://drawaria.online/*
  8. // @license      MIT 
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=drawaria.online
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16.     // Resize canvas
  17.     let canvas = document.getElementById('canvas');
  18.     canvas.height = 650;
  19.     canvas.width = 780;
  20.  
  21.     // Add drag and drop functionality
  22.     canvas.addEventListener('dragover', function(event) {
  23.         event.preventDefault();
  24.         event.dataTransfer.dropEffect = 'copy';
  25.     });
  26.  
  27.     canvas.addEventListener('drop', function(event) {
  28.         event.preventDefault();
  29.         let file = event.dataTransfer.files[0];
  30.         if (file && file.type.startsWith('image/')) {
  31.             handleImage(file);
  32.         }
  33.     });
  34.  
  35.     function handleImage(file) {
  36.         let reader = new FileReader();
  37.         reader.onload = function(e) {
  38.             let img = new Image();
  39.             img.onload = function() {
  40.                 let ctx = canvas.getContext('2d');
  41.                 ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
  42.             };
  43.             img.src = e.target.result;
  44.         };
  45.         reader.readAsDataURL(file);
  46.     }
  47. })();