Gradient health

5/11/2023, 10:58:22 PM

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        Gradient health
// @namespace   -
// @match       https://sploop.io/
// @grant       none
// @version     1.0
// @license     mit
// @author      Urban Dubov
// @description 5/11/2023, 10:58:22 PM
// ==/UserScript==

const { fillRect } = CanvasRenderingContext2D.prototype;
const firstColor = "#00ff87";
const secondColor = "#60efff";

CanvasRenderingContext2D.prototype.fillRect = function (x, y, width, height) {
  if (this.fillStyle === "#a4cc4f") {
    const gradient = this.createLinearGradient(x, y, x + width, y + height);
    gradient.addColorStop(0, firstColor);
    gradient.addColorStop(1, secondColor);
    this.fillStyle = gradient;
    fillRect.call(this, x, y, width, height);
  } else {
    fillRect.call(this, x, y, width, height);
  }
};