Function importImage

src/js/Import.js:9–74

(e)

  $openInput.on("change", openImage);

  function importImage(e){
    $('#menu_bar').removeClass('active')
    if (!window.FileReader) return;
    //e.stopPropagation();
    //e.preventDefault();
    workarea.removeAttribute("style");
    $('#main_menu').hide();
    var file = null;
    if (e.type === "drop") file = e.dataTransfer.files[0]
    else file = this.files[0];
    if (!file) return $.alert("File not found");
    if (file.type.indexOf("image") === -1) return $.alert("File is not image"); 

    //svg handing
    if(file.type.indexOf("svg") != -1) {
      var reader = new FileReader();
      reader.onloadend = function(e) {
        svgCanvas.importSvgString(e.target.result, true);
        //svgCanvas.ungroupSelectedElement();
        svgCanvas.alignSelectedElements("m", "page");
        svgCanvas.alignSelectedElements("c", "page");
      };
      reader.readAsText(file);
    }

    //image handling
    else {
      var reader = new FileReader();
      reader.onloadend = function(e) {
        // lets insert the new image until we know its dimensions
        insertNewImage = function(img_width, img_height){
            var newImage = svgCanvas.addSvgElementFromJson({
            "element": "image",
            "attr": {
              "x": 0,
              "y": 0,
              "width": img_width,
              "height": img_height,
              "id": svgCanvas.getNextId(),
              "style": "pointer-events:inherit"
            }
          });
          svgCanvas.setHref(newImage, e.target.result);
          svgCanvas.selectOnly([newImage])
          svgCanvas.alignSelectedElements("m", "page")
          svgCanvas.alignSelectedElements("c", "page")
          editor.panel.updateContextPanel();
        }
        // put a placeholder img so we know the default dimensions
        var img_width = 100;
        var img_height = 100;
        var img = new Image()
        img.src = e.target.result
        document.body.appendChild(img);
        img.onload = function() {
          img_width = img.offsetWidth
          img_height = img.offsetHeight
          insertNewImage(img_width, img_height);