キャンバスを使用してjsの生成されたテキストとグラフィックス

// テキスト、生成されるテキスト
    // フォント、フォントスタイル 
    drawLogo：機能（テキスト、フォント）{
         // キャンバスを作成 
        レットキャンバス=のdocument.createElement（「キャンバス」）;
         // 描画テキスト環境は、 
        コンテキスト= canvas.getContextをしましょう（ '2D' ）;
         // フォントセット 
        context.font = フォント;
         // 取得フォント幅 
        LET幅= context.measureText（テキスト）.width;
         // もし十分な幅240 
        IF（幅<240 ）{
            幅 = 240 ;
        } 他{
            幅 =幅+ 30 。
        }
        // 幅キャンバスの 
        canvas.width = 幅;
         // キャンバスの高さ 
        canvas.height = 幅;
         // 白で満たさ 
        context.fillStyle = '#FFFFFF' ;
         // 描画する前に白のテキストで満たさ 
        context.fillRect（0、0 、キャンバス。幅、canvas.height）;
         // フォント設定 
        context.font = フォント;
         //は水平配向セット 
        context.textAlign =行く' ;
         //を垂直配向し 
        context.textBaseline =「中央」;
         // 設定フォントの色 
        context.fillStyle = '＃000000';
         //は：（書き込みワード、座標X、Y座標のパラメータは）テキストを描画 
        context.fillText（テキスト、canvas.width / 2、canvas.height / 2 ）;
         // 画像情報を生成するが 
        （dataUrl = canvas.toDataURLせ'画像/ PNG' ）;
         を返すdataUrlを。
    }、