html5 キャンバスを使用して単純な検証コードを解読し、getImageData インターフェイス application_html5 チュートリアルのスキルを取得する

本校の学業管理システム（本校以外でも使われているようです）ですが、コース選択時に何の説明もなくサーバーが落ちてしまい、コースを選択するために認証コードを何度も入力しなければならないことがあります。何千人もの大学生が認証コードを入力して時間を無駄にしていることを考えると、私には人類を救う義務があると感じました。

検索したら、3年前に書かれたこの記事を見つけました。前半を参考にTamperMonkeyプラグインを使用しておおよその効果を実現しました。このスクリプトは Userscript から入手できます。GitHub からも入手できます。コードは醜いのでデバッグしてください。アドバイスをお願いします。
アイデアについて話しましょう: HTML 5 のキャンバスには、検証コード イメージからピクセル データを取得するために使用できるインターフェイス getImageData があります。各ピクセルはr、g、b、aに対応する4つの値を持ちます。r、g、bは赤、緑、青の3色で、aは透明度です。

教育管理システムの認証コードは5桁で、文字サイズは同じですが、背景に干渉があるものの、明らかに文字の色が違うので使用しました。非常に大まかな方法​​: 色が明るいほど RGB 値が大きくなり、色が暗いほど RGB 値が小さくなることがわかっています。そこで、各ピクセルを判定して、RGB の合計が 350 (この値を測定) 未満であれば、それはフォントに属するピクセルであると判断し、その RGB 値を 255 に設定します。 0.このようにして、黒い背景に白い文字が入った画像が得られます。