MallSerg, а вот так это делается на js

_proto_._DrawPicker = function(canvas, bgColor) {
   
  var  gr,
       ctx = canvas.getContext('2d'),
       w = canvas.width,
       h = canvas.height;

 // console.log(bgColor);
    ctx.fillStyle = bgColor;  
    ctx.fillRect(0, 0, w, h); 

    gr = ctx.createLinearGradient(0, h, w, h);

    gr.addColorStop(0, '#FFFFFF');
    gr.addColorStop(1, 'rgba(204, 154, 129, 0)');

    ctx.fillStyle = gr;
    ctx.fillRect(0, 0, w, h);

    gr = ctx.createLinearGradient(0, w, 0, 0);

    gr.addColorStop(0, '#000000');
    gr.addColorStop(1, 'rgba(204, 154, 129, 0)');

    ctx.fillStyle = gr;
    ctx.fillRect(0, 0, w, h);

 };

4 раза переписывал этот проект, а потом забил, потом каждый раз казалось что код ужасный, начинал переписывать, забивал, возвращался к переписыванию :)