キャンバスグラフ画像を自分のフォルダに保存する

Question

キャンバスRグラフ画像をキャプチャして、その画像を自分のフォルダに保存します。

私はRグラフをプロットするために、次のコードを使用しています：

var drawXChartGraph = function() { 

     var line1 = new RGraph.Line({ 
      id: 'cvs', 
      data: [ 
      [15, 15, 15, 15, 15, 15, 15, 15, 15, 15] 
     ], 
      options: { 
       linewidth: 1, 
       gutterLeft: 40, 
       backgroundGrid: false, 
       title: 'X-CHART', 
       colors: ['red'], 
       fillstyle: 'rgba(255,0,0,0.2)', 
       ymin: 0, 
       ymax: 16, 
       labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 
       scaleDecimals: 2, 
       key: ['UCL', 'LCL', 'XBar', 'AVG'], 
       keyPosition: 'gutter', 
       keyColorShape: 'circle', 
       keyColors: ['red', 'red', 'green', 'black'], 
       textSize: 10, 
       textAccessible: true 
      } 
     }).draw(); 

    }; 

    $(document).ready(function() { 
     drawXChartGraph(); 
    }); 

は誰も私を助けてください。 ありがとう

Answer 1

var canvas = document.getElementById（ 'cvs'）;

var base64Img = canvas.toDataURL（）;

この手順を実行すると、base64でエンコードされた画像が作成されます。サーバーにPOSTし、ファイルに書き込む前にデコード（base64）します。