HTML5画布生成黑/白图像

Question

我正在开发一款带有单色屏幕的基于Linux的小型设备。我想使用Webkit浏览器将本地图像渲染到画布。我的目标是获取base-64编码数据并将其发布到互联网上的某个表单中。它有效，但所有图像最终都是黑白的。我可以想象，因为设备呈现单色，它将产生单色图像数据。但我无法找到一种方法来计算它的颜色上下文（但在黑白中看到它）。任何人吗？

代码：

var canvas = document.getElementById('myCanvas');                                                       
var context = canvas.getContext('2d');                                                                    
var imageObj = new Image();                                                                               

imageObj.onload = function() {                                                                             
    if(imageObj.width < imageObj.height){                                                                
        canvas.width = 768;                                                                          
        canvas.height = 1024;                                                                        
    }                                                                                                    
    else{                                                                                                
        canvas.width = 1024;                                                                         
        canvas.height = 768;                                                                         
    }                                                                                                    
    context = canvas.getContext('2d');                                                                     
    context.drawImage(imageObj, 0, 0, canvas.width, canvas.height);                                        


    document.getElementById('myInput').value = canvas.toDataURL('image/jpeg');                               
};                                                                                                         
imageObj.src = 'pathToImage';

感谢您的任何回复！