前端JS获取canvas画板内容并渲染到页面中

getCanvasInfo(){
      var url = this.$refs.canvas.toDataURL("image/png");
      this.$emit("getCanvasUrl", url);
},

getCanvasData(url){
      var image = document.createElement("img");
      image.src = url;
      this.$refs.box.appendChild(image);
}