Estou tentando gravar dados da tela como uma imagem (png) na minha caixa de depósito. Consigo obter os dados da tela e salvar um arquivo no dropbox, mas o arquivo não é um arquivo de imagem que é costurado.

De acordo com a documentação, os dados da imagem devem ser convertidos em um arrayBuffer. Estou usando uma função encontrada aqui no Stackoverflow, mas algo parece não funcionar. Alguém sabe o que estou fazendo de errado?

function _str2ab(str) {
    var buf = new ArrayBuffer(str.length*2); // 2 bytes for each char
    var bufView = new Uint16Array(buf);
    for (var i=0, strLen=str.length; i<strLen; i++) {
        bufView[i] = str.charCodeAt(i);
    }
    return buf;
}

function _savePicture () {

    //Get data from canvas
    var imageSringData = canvas.toDataURL('image/png');
    //Convert it to an arraybuffer
    var imageData = _str2ab(imageSringData);

    client.writeFile('/Public/the_image.png', imageData, function(error, stat) {
    if (error) {
        console.log('Error: ' + error);
    } else {
        console.log('File written successfully!');
    }
});

Aqui está uma documentação do dropbox.https://github.com/dropbox/dropbox-js/blob/stable/guides/snippets.md