如何使用getContext将html转换为base64？

Question

HTML：

<div class="form-group form-md-line-input" style="">
    <input type="text" class="form-control calculator" id="form_control_1" name="unit_11" onchange="barcode_update()">
        <label for="form_control_1">Pc</label>
</div>

jQuery的：

var html = $(".form-group.form-md-line-input");
var image = html.getContext('2d');

任何人都可以帮助我如何将HTML转换为base64字符串？