JS 前端画布生成本文已参与「新人创作礼」活动，一起开启掘金创作之路。 JS 前端一键画布生成，简单搭建需求画布

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

createCanvas()

function createCanvas() {
  var newCanvas=document.createElement('canvas');
  newCanvas.id = 'canvas_qrcode'
  newCanvas.width=400;
  newCanvas.height=400;
  var newctx=newCanvas.getContext("2d");
  var qrcode_img=new Image();
  qrcode_img.src='{$Think.config.custom.url.www}/static/applets/images/code.jpg'
  qrcode_img.onload=function () {
    newctx.drawImage(qrcode_img,0,0,400,400)
  }
  if(!document.getElementById('canvas_qrcode')){
    document.getElementById('output').appendChild(newCanvas)
  }
}