相关疑难解决方法(0)

尝试使用HTML5文件系统将画布PNG数据URL保存到磁盘,但是当我作为URL检索时,它无效

我从画布获得base64编码的图像:

var dataURL = canvas.toDataURL( "image/png" );
Run Code Online (Sandbox Code Playgroud)

然后我把它变成这样的数据:

//Remove the beginning identifier and use Chrome/Firefox?safari built int base64Decoder
var data = atob( dataURL.substring( "data:image/png;base64,".length ) );
Run Code Online (Sandbox Code Playgroud)

然后我通过以下方式将其写入文件系统:

event.createWriter(
    function(writerEvent)
    {
        //The success handler
        writerEvent.onwriteend = function(finishEvent)
        {
            ...
        };

        //Error handler
        writerEvent.onerror = settings.error;

        // Create a new Blob
        var blob = new Blob( [ data ], { type: "image/png" } );

        //Write it into the path
        writerEvent.write( blob );
    }
}
Run Code Online (Sandbox Code Playgroud)

我尝试将其设置为图像的src,如下所示:

document.getElementById( "saved" ).src = event.toURL();
Run Code Online (Sandbox Code Playgroud)

这写了文件,我能够找到它并获得一个网址(通过阅读和使用事件:event.toURL() …

javascript html5 google-chrome data-url html5-canvas

10
推荐指数
1
解决办法
2万
查看次数