o se puede agregar un nuevo elemento de lienzo con uno existente

Estoy usando 2 elementos de lienzo. Estoy usando un elemento como elemento principal del lienzo que tiene todos los elementos. Estoy generando un código de barras en un lienzo separado y me gustaría agregarlo al lienzo principal. Intentando por mucho tiempo. Agregando un ejemplo aquífiddle

$(document).ready(function() {
 JsBarcode('#barcode', "1234", {
    width: 4,
    height: 20//displayValue: false
  });
  var bc = document.getElementById("barcode");
  var canvasx = bc.getContext("2d");
  var img1 = new Image();
  img1.src = bc.toDataURL("image/png");


  var c = document.getElementById("labelDesigner");
  var canvas = bc.getContext("2d");
  c.drawImage(img1);

});

Estoy usando facric.js y JsBarcode. Gracias por la ayuda por adelantado. Si hay alguna otra mejor manera, amablemente sugiera

Respuestas a la pregunta(2)

Su respuesta a la pregunta