☰

Better Standalone Image

Make standalone image display better

当前为 2017-07-29 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name Better Standalone Image
  3. // @version 0.1.0
  4. // @description Make standalone image display better
  5. // @license MIT
  6. // @author eight04 <eight04@gmail.com>
  7. // @homepageURL https://github.com/eight04/better-standalone-image
  8. // @supportURL https://github.com/eight04/better-standalone-image/issues
  9. // @namespace eight04.blogspot.com
  10. // @include *
  11. // @run-at document-start
  12. // @grant GM_getResourceURL
  13. // @grant GM_getResourceText
  14. // @grant GM_addStyle
  15. // @resource style https://rawgit.com/eight04/better-standalone-image/master/better-standalone-image.user.css
  16. // @compatible firefox Greasemonkey 3
  17. // @compatible chrome Tampermonkey
  18. // ==/UserScript==
  19.  
  20. (function() {
  21. 	if (!document.contentType.startsWith("image")) return;
  22. 	
  23. 	if (document.contentType == "image/svg+xml") {
  24. 		const s = document.documentElement.style;
  25. 		s.background = `
  26. 			linear-gradient(
  27. 				45deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25) 25%,
  28. 				transparent 25%, transparent 75%, rgba(0, 0, 0, .25) 75%
  29. 			),
  30. 			linear-gradient(
  31. 				45deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25) 25%,
  32. 				transparent 25%, transparent 75%, rgba(0, 0, 0, .25) 75%
  33. 			),
  34. 			#222
  35. 		`;
  36. 		s.backgroundPosition = "0 0, 8px 8px";
  37. 		s.backgroundSize = "16px 16px";
  38. 		
  39. 		s.position = "absolute";
  40. 		s.top = "0";
  41. 		s.right = "0";
  42. 		s.bottom = "0";
  43. 		s.left = "0";
  44. 		s.margin = "auto";
  45. 		
  46. 		s.boxShadow = "0 0 10px 10px rgba(0, 0, 0, .4)";
  47. 	} else {
  48. 		if (GM_info.scriptHandler == "Tampermonkey") {
  49. 			// Use GM_addStyle to bypass CSP in tampermonkey
  50. 			GM_addStyle(GM_getResourceText("style"));
  51. 		} else {
  52. 			// Use extension protocol to bypass CSP in greasemonkey
  53. 			const link = document.createElement("link");
  54. 			link.href = GM_getResourceURL("style");
  55. 			link.rel = "stylesheet";
  56. 			document.documentElement.appendChild(link);
  57. 		}
  58. 	}
  59. })();