img_adjust

picture adjust to 1200 * 1200

  1. // ==UserScript==
  2. // @name img_adjust
  3. // @namespace http://tampermonkey.net/
  4. // @version 0.5
  5. // @description picture adjust to 1200 * 1200
  6. // @author yao
  7. // @match
  8. // @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
  9. // @grant none
  10. // @include https://www.blu-ray.com/movies/*
  11. // @require https://code.jquery.com/jquery-3.6.0.min.js
  12. // ==/UserScript==
  13.  
  14. (function() {
  15. 'use strict';
  16. console.log("aaa");
  17. $('#frontimage_overlay').hover(function(e){
  18. return handle(e,$(this));
  19. },function(){
  20. setTimeout(function(){ removeImage(); },2000);
  21. });
  22.  
  23. function handle(e,element){
  24. showImage(e);
  25. return false;
  26. }
  27.  
  28. //获取图片
  29. function showImage(e){
  30. $('#tempId').remove();
  31. var tempBtn = $('<button id = "tempId">1200*1200</button>');
  32. tempBtn.css({
  33. width:50,
  34. height:50,
  35. position:'absolute',
  36. top:e.pageY,
  37. left:e.pageX+30
  38. });
  39. $(tempBtn).click(doHandle);
  40. $('body').eq(0).append(tempBtn);
  41. }
  42. // Your code here...
  43. })();
  44.  
  45.  
  46. function removeImage(){
  47. console.log('开始移除图片');
  48. $('#tempId').remove();
  49. }
  50.  
  51. function doHandle() {
  52. console.log("do");
  53. $('#triggers img').trigger('click');
  54. let src = $('#frontimage').attr('src');
  55. adjust(src);
  56. }
  57.  
  58. function adjust(src) {
  59. var canvas = document.createElement('canvas');
  60.  
  61. canvas.width = 1200;
  62. canvas.height = 1200;
  63.  
  64. var ctx = canvas.getContext('2d');
  65.  
  66. ctx.fillStyle = "#fff";
  67. ctx.fillRect(0,0,canvas.width,canvas.height);
  68. let img = new Image;
  69. img.onload = _ => {
  70. console.log(img.naturalWidth, img.naturalHeight);
  71. let max = Math.max(img.naturalHeight, img.naturalWidth);
  72. let ratio = img.naturalWidth / img.naturalHeight;
  73. if (max === img.naturalHeight) {
  74. img.width = 300 * ratio;
  75. let height = 1200;
  76. let width = 1200 * ratio;
  77. ctx.drawImage(img, (1200 - width) / 2, 0, width, height);
  78. console.log("download");
  79. download(canvas);
  80. }
  81. }
  82. img.src = src;
  83. img.setAttribute("crossOrigin", "Anonymous");
  84. }
  85.  
  86. function download(canvas) {
  87. let dom = document.createElement("a");
  88. dom.href = canvas.toDataURL("image/jpeg");
  89. dom.download = new Date().getTime() + ".jpg";
  90. dom.click();
  91. }
  92.  
  93.  

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址