/**
* Converts data URI in 'image/png' format to an image data object
* @param dataURL Base64 encoded string
* @returns {ImageData/undefined}
*/
convertDataURLToImageData: function (dataURL) {
if (dataURL !== undefined && dataURL !== null) {
var canvas, context, image, imageData;
canvas = document.createElement('canvas');
canvas.width = 470;
canvas.height = 470;
context = canvas.getContext('2d');
image = new Image();
image.addEventListener('load', function(){
context.drawImage(image, 0, 0, canvas.width, canvas.height);
imageData = context.getImageData(0, 0, canvas.width, canvas.height);
//how do i return this?
}, false);
image.src = dataURL;
return imageData;
}
}
上記のスニペットを考慮して、私がキャンバスに描画するデータURLからイメージデータの配列を取得したい場合、どのようにイメージデータを返すのですか?データURIをイメージデータに変換する
ハンドラからimageDataをどうやって使うのですか? –
@RudreshAjgaonkarあなたはそれをどうしたいですか? – Oriol
websocketを使用してサーバーにイメージを送信する必要があります。私は次の例を使用しようとしていました。 [https://gist.github.com/iandanforth/0ed987bfddf8205b8a23] –