Изменить размер изображения из base64

Question

Я использую FileReader для получения кода изображения base64. Если я использую холст и вставляю его в canvas base64. Чем применяется размер для холста. Я получаю новый код base64 нового изображения?

Образец образца.

reader.onloadend = function(event) { 
     var canvas = document.getElementById("temp_canvas"); 
     var context = canvas.getContext("2d"); 
     var imageObj = new Image(); 
     imageObj.onload = function() { 
      var ratio = (imageObj.width > imageObj.height)?Math.ceil(imageObj.width/imageObj.height):Math.ceil(imageObj.height/imageObj.width); 
      console.log(ratio); 
      if(imageObj.width > 512) { 
       imageObj.width = 512 
       imageObj.height = imageObj.width * ratio; 
      } 
      console.log(imageObj.width); 
      console.log(imageObj.height); 
      $(canvas).attr('width',imageObj.width); 
      $(canvas).attr('height',imageObj.height); 
      context.drawImage(imageObj,0,0,imageObj.width,imageObj.height); 
     } 
     imageObj.src = event.target.result; 
     $('.image-for-crop').attr('src',event.target.result); 
     $('#dialog-foto').dialog({modal:true}); 
    } 

Если я делаю var dataURL = canvas.toDataURL();

Мой главный вопрос: «В любое время, когда я меняю canvas: обрезаю, изменяю размер e.t.c. base64 код этого изменения холста?»

Answer 1

Да, любое изменение, которое вы используете с помощью 2d context API появится в результате canvas.toDataURL(). Однако DOM операции, такие как изменение размера вашего холста < > (пример myCanvas.style.width = 100) не будут изменять его данные.