code: function createElement() {
  
    let e = document.getElementById(config.name.div)
    if (e !== null) {
      document.body.removeChild(e);
    }
  
    let newElem = document.createElement('div');
    newElem.id = config.name.div;
    newElem.className = 'live2d-widget-container';
    newElem.style.setProperty('position', 'fixed');
    newElem.style.setProperty(config.display.position, config.display.hOffset + 'px');
    newElem.style.setProperty('bottom', config.display.vOffset + 'px');
    newElem.style.setProperty('width', config.display.width + 'px');
    newElem.style.setProperty('height', config.display.height + 'px');
    newElem.style.setProperty('z-index', 99999);
    newElem.style.setProperty('opacity', config.react.opacity);
    newElem.style.setProperty('pointer-events', 'none');
    document.body.appendChild(newElem);
    L2Dwidget.emit('create-container', newElem);
  
    if (config.dialog.enable)
      createDialogElement(newElem);
  
    let newCanvasElem = document.createElement('canvas');
    newCanvasElem.setAttribute('id', config.name.canvas);
    newCanvasElem.setAttribute('width', config.display.width * config.display.superSample);
    newCanvasElem.setAttribute('height', config.display.height * config.display.superSample);
    newCanvasElem.style.setProperty('position', 'absolute');
    newCanvasElem.style.setProperty('left', '0px');
    newCanvasElem.style.setProperty('top', '0px');
    newCanvasElem.style.setProperty('width', config.display.width + 'px');
    newCanvasElem.style.setProperty('height', config.display.height + 'px');
    if (config.dev.border) newCanvasElem.style.setProperty('border', 'dashed 1px #CCC');
    newElem.appendChild(newCanvasElem);
  
    currCanvas = document.getElementById(config.name.canvas);
    L2Dwidget.emit('create-canvas', newCanvasElem);
  
    initWebGL();
  
  }
docs: Create the canvas and styles using DOM
  @return {null}