HTML5 Canvas outil gomme sans découvert la couleur blanche

J'ai de la toile. J'ai des outils de dessin crayon et une gomme. Comment je peux effacer les dessins sans les écraser(à découvert) avec la couleur blanche.

ce mon code gomme à effacer sur le dessin avec la couleur blanche:
http://jsfiddle.net/66z12xb0/

J'ai à l'arrière enregistrer l'image après l'application.

<?php
$images = scandir(ROOT_FS . FINISH_DRAW_PATH, 1);
$imageData = $GLOBALS['HTTP_RAW_POST_DATA'];
$filteredData = substr($imageData, strpos($imageData, ",") + 1);
$unencodedData = base64_decode($filteredData);

$fileName = "photo.png"; 
$fp = fopen(ROOT_FS .  SAVE_DRAW_PATH . $fileName, 'wb');
fwrite($fp, $unencodedData);
fclose($fp);
?>

Ouvrir avec la visionneuse de photos windows et voir ce résultat:

HTML5 Canvas outil gomme sans découvert la couleur blanche
HTML5 Canvas outil gomme sans découvert la couleur blanche

supplémentaires télécharger foto:

$("#upload_foto").click(function() {
    var data = canvas.toDataURL('image/png'); 
    var ajax = new XMLHttpRequest();
    ajax.open('POST', 'backend.php', false);
    ajax.setRequestHeader('Content-Type', 'application/upload');
    ajax.send(data);
}); 

<button type='button' id='upload_foto'>Upload</button>

OriginalL'auteur Asker | 2014-09-18