Zamiana Image na Canvas

Thread View: pl.comp.lang.javascript

2 messages

[T] Back to Threads [V] Tree View [G] Group Articles

2 total messages Started by Ciekawy Wed, 14 Mar 2012 22:09

#51041

Author: Ciekawy
Date: Wed, 14 Mar 2012 22:09

18 lines
1652 bytes

Witam

Nie jestem biegły w javascripcie, mam problem następujący. Posiadam 
odziedziczoną możliwość z innego środowiska Delhi podparte intrawebem 
dynamiczne eksportowanie wyników mojej pracy do WEB jako Image. Czyli to 
co robię jest obrazowane w przeglądarce za pomocą Image.
Chciałbym mieć mozliwość dorysowywania pewnych rzeczy korzystając z 
obiektu Canvas. I teraz mój problem jak ukryć w przeglądarce obiekt 
image a jego zawartość "przerzucać" na obiekt canvas na którym 
użytkownik mógłby interakcyjnie rysować swoje rzeczy /jak ma rysować to 
sobie poradzę/. Jeśli zbyt namieszałem i treść pytania jest niejasna, 
proszę o korektę..
Podsumuję mam możliwość korzystając z mojego środowiska eksportować 
tylko do Image, chciałbym żeby dynamiczny eksport odbywał się do canvas 
jak to najprościej obejść.


Pozdrawiam Ciekawy

Re: Zamiana Image na Canvas

#51042

Author: porneL
Date: Wed, 14 Mar 2012 22:23

30 lines
1998 bytes

On Wed, 14 Mar 2012 22:09:56 -0000, Ciekawy <dladyskusji@gazeta.pl> wrote:

> Witam
>
> Nie jestem biegły w javascripcie, mam problem następujący. Posiadam  
> odziedziczoną możliwość z innego środowiska Delhi podparte intrawebem  
> dynamiczne eksportowanie wyników mojej pracy do WEB jako Image. Czyli to  
> co robię jest obrazowane w przeglądarce za pomocą Image.
> Chciałbym mieć mozliwość dorysowywania pewnych rzeczy korzystając z  
> obiektu Canvas. I teraz mój problem jak ukryć w przeglądarce obiekt  
> image a jego zawartość "przerzucać" na obiekt canvas na którym  
> użytkownik mógłby interakcyjnie rysować swoje rzeczy /jak ma rysować to  
> sobie poradzę/. Jeśli zbyt namieszałem i treść pytania jest niejasna,  
> proszę o korektę..
> Podsumuję mam możliwość korzystając z mojego środowiska eksportować  
> tylko do Image, chciałbym żeby dynamiczny eksport odbywał się do canvas  
> jak to najprościej obejść.

img = new Image();
img.src = 'bla.png';
img.onload = function() {
	canvas.getContext('2d').drawImage(img,0,0);
}

Jak chcesz dać możliwość zapisania graifki użytkownikowi:

window.location = canvas.toDataURL("image/png");

-- 
regards, porneL

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads