0

在我基于 sencha 的应用程序中，我想将图像转换为 base64，在此之前我想调整原始图像的大小。这里是我用来转换 base64 的代码

function getBase64FromImageUrl(URL)
{
var img = new Image();
img.style.width = '5%',
img.style.height = '5%',
img.src = URL;
img.onload = function ()
{
    var canvas = document.createElement("canvas");
    canvas.width =this.width;
    canvas.height =this.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(this, 10, 10);
    var dataURL = canvas.toDataURL("image/jpg");
    if(App.gvars.userpic=='1')
    {
    cdd=dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
    }
    if(App.gvars.userpic=='2')
    {
    c=dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
    }
   }
}

如何在转换前调整图像大小或重新调整尺寸？我尝试过更改 img.style.width 和 hieght 但根本没有任何变化。请帮助我

4

1 回答 1

0

根据 devnull69 的建议，只需在将图像添加到画布时使用 drawImage() 来调整图像大小。

请参阅W3Schools或MSDN上的 API 。

您甚至可以在Html5CanvasTutorials的实时编码示例中使用这些值

于 2013-10-08T18:59:05.517 回答