chart.jsを画像としてダウンロードした際、背景が黒くなる問題を解決したい。

chart.jsで簡易的なグラフを作成し、これをクリックで画像としてダウンロード出来るようにしたのですが、そのままダウンロードすると背景色が黒くなってしまいます。
色々調べたのですが、背景色の指定の仕方が分からず困っています。
何方かアドバイスお願いします。

html
1<canvas id="Chart"></canvas>
2<button id="download_button">ダウンロード</button>
3<a id="download_link"></a>
4
5<script>
6  var ctx = document.getElementById('Chart').getContext('2d');
7  var myChart = new Chart(ctx, {
8    type: 'bar',
9    data: {
10      labels: ['M', 'T', 'W'],
11      datasets: [{
12        label: 'リンゴ',
13        data: [12, 19, 3],
14        backgroundColor: "rgba(153,255,51,0.4)"
15      }, {
16        label: 'みかん',
17        data: [2, 29, 5],
18        backgroundColor: "rgba(255,153,0,0.4)"
19      }]
20    }
21  });
22</script>
23
24<script>
25    window.onload = function(){
26
27        var canvas = document.getElementById('Chart');
28        var downloadLink = document.getElementById('download_link');
29        var filename = 'chart.png';
30
31        var button = document.getElementById('download_button');
32        button.addEventListener('click', function(){
33
34            if (canvas.msToBlob) {
35                var blob = canvas.msToBlob();
36                window.navigator.msSaveBlob(blob, filename);
37            } else {
38                downloadLink.href = canvas.toDataURL('image/png');
39                downloadLink.download = filename;
40                downloadLink.click();
41            }
42
43        });
44
45    };
46</script>