【龙腾九霄】【你画我猜】成图上传V2 之 整合进入油猴插件

编辑之后格式乱了,非常抱歉,全力抢救了@Name

这是大佬user_login的成图上传代码原帖[教学] 【你画我猜】成图上传V2，一键简化操作

大佬帖子中是采用书签的方式来在画猜创作界面每次运行代码,然后.....人家不想创建书签嘛~~我就想办法把原帖中v2.2的代码整进了油猴插件中,在打开画猜创作界面时自己执行(不是搞前端的,js学得不多,想办法整进油猴脚本弄得我头快炸了)


改动内容:
我将原代码格式化后,将其中的这一句

1. inputObj.setAttribute('onchange','selectImage(this)');

复制代码

换成了

1. 
   
2. inputObj.addEventListener('change', function() {
   
3.     selectImage(this);
   
4. });

复制代码

最终在油猴中成功

在油猴插件中的操作方式:
1.打开油猴插件"管理面板"
2.点击"已安装脚本"左侧的"+"按钮

3.复制以下代码

1. // ==UserScript==
   
2. //@name         gamemale你画我猜成图工具
   
3. // @namespace    https://www.gamemale.com
   
4. // @version 2.2
   
5. // @description  一键上传成图
   
6. // @author       You
   
7. // @match        https://www.gamemale.com/plugin.php?id=viewui_draw&mod=list&ac=draw
   
8. // @grant        none
   
9. // ==/UserScript==
   
10. 
    
11. window.onload = (function() {
    
12.     'use strict';
    
13. 
    
14.     // Your code here...
    
15.     var padding=30;
    
16.     var par=document.getElementsByClassName("btn")[0];
    
17.     var ct=document.getElementsByClassName("canvas")[0].childNodes[0];
    
18.     var ctx=ct.getContext("2d");
    
19.     var devicePixelRatio=window.devicePixelRatio||1;
    
20.     var backingStoreRatio=ctx.webkitBackingStorePixelRatio||1;
    
21.     var ratio=devicePixelRatio/backingStoreRatio;ctx.scale(ratio,ratio);
    
22.     padding=padding*ratio;ct.style.borderWidth='1px';
    
23.     ct.style.borderStyle='solid';
    
24.     var img=new Image();
    
25.     img.onload=function(){
    
26.         var sh=347*ratio;
    
27.         var sw=500*ratio;
    
28.         var h=img.height;
    
29.         var w=img.width;
    
30.         var ph=sh-padding*2;
    
31.         var pw=sw-padding*2;
    
32.         ct.height=sh;
    
33.         ct.width=sw;
    
34.         ct.style.height=sh;
    
35.         ct.style.width=sw;
    
36.         ctx.clearRect(0,0,ct.width,ct.height);
    
37.         if(w/h>=pw/ph){
    
38.             h=h*(pw/w);
    
39.             w=pw;
    
40.             ctx.drawImage(img,padding,padding+(ph-h)/2,w,h)
    
41.         }else{
    
42.             w=w*(ph/h);
    
43.             h=ph;
    
44.             ctx.drawImage(img,padding+(pw-w)/2,padding,w,h)
    
45.         }
    
46.     };
    
47.     function selectImage(file){
    
48.         if(!file.files||!file.files[0]){
    
49.         return
    
50.         };
    
51.         var reader=new FileReader();
    
52.         reader.onload=function(evt){
    
53.             img.src=evt.target.result
    
54.         };
    
55.         reader.readAsDataURL(file.files[0])
    
56.     };
    
57.     var inputObj=document.createElement('input');
    
58.     inputObj.setAttribute('id','imgInput');
    
59.     inputObj.setAttribute('type','file');
    
60.     //inputObj.setAttribute('onchange','selectImage(this)');
    
61.     inputObj.addEventListener('change', function() {
    
62.         selectImage(this);
    
63.     });
    
64.     par.appendChild(inputObj);
    
65. })();

复制代码

4.去油猴"新建用户脚本"界面,按下Ctrl+A,再按下Ctrl+V,全部粘贴进去,然后Ctrl+S保存即可

5.打开你画我猜创作界面 建议右击新开标签页直接跳转创作界面

6.剩下的就和user_login大佬原帖操作方式一样了,直接上传图片就行

感谢楼主的代码惹，非常的实用呀

居然更新了，虽然看不懂代码

好耶更新了，感谢楼主分享捏owo

感谢楼主的努力，很喜欢玩你画我猜

还没有玩过你画我猜，不过竟然也需要插件来处理一些繁琐步骤是没想到的

这个工具脚本非常实用了，很方便画猜

就我一个看不懂吗，油猴又是啥玩意

你画我猜区域我只是偶尔看看，感觉有了脚本又能方便不少

感謝分享~ 變得更方便
改天來試試看

又有新的实用工具了，太棒了

好棒的一个工具，你画我猜用起来方便很多惹

日常在泥潭学习一些有用的操作+1

哎呀(´×ω×`)不知道手机浏览器能不能操作咧～懒得开电脑的

上传图片很方便惹，画猜神器

你猜我画很久没玩了，但是代码很实用呢。

画猜玩家很喜欢这个功能啊，谢谢大佬的脚本!

直接往代码前面艾特name，然后代码这边的就不会识别出来了，每二次编辑需要删除并再次手动艾特name即可。

这一次更新了( •̀ ω •́ )y变得更方便了

感谢大佬的进一步改进更新！