На локальном компьютере я вношу картинки на полотно Канвы таким кодом.
<output id="list"></output>
<input type="file" id="files" >
<script>
function handleFileSelect(evt) {
var files = evt.target.files;
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('image.*')) { continue; }
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
var span = document.createElement('span');
span.innerHTML = ['<img class="po" src=" ', e.target.result,'"id=k>'].join('');
document.all.list.insertBefore(span, null);
o();
document.getElementById('list').insertBefore(span, null);
};})(f);reader.readAsDataURL(f);}}
document.getElementById('files').addEventListener( 'change', handleFileSelect, false);
function o(){
var pervii = document.getElementById("peRVI");
var raskras = pervii.getContext("2d");
var cat = document.getElementById("k");
raskras .globalAlpha = 1;
raskras.drawImage(cat, 0, 0, 400, 400);
raskras.strokeRect(0, 0, 400, 400);
}
</script>
Всё работает прекрасно имею в виду пиксельную обработку. Может кто подскажет как избавиться от кнопки. Смотрите КЛОУНА в №4 страница 8. На сервере конечно проблем нет, но в планах.....!
http://clecar.ru/1956_09.html