[yakuzaemme]

Hallå!

Sitter och jobbar lite med en redigerare som använder Canvas, HTML5.

Det finns en redigerare, som är en riktig canvas, sedan en färdigställd produkt som har <img> med style satt till canvas-data (data uri).

Exempel:

<img src="transparent.png" id="main_canvas" background-image: url(data:image/png;base64,___DATAURI_____=); />

(____DATAURI_____ är den långa uri)

Hur går jag tillväga om jag vill kalla denna färdigställda "canvas", på detta sätt:

var canvas = document.getElementById('main_canvas');
var context = canvas.getContext("2d");
context.fillStyle = 'green';
//etc...

Tacksam för alla svar!

[P3N]

Vet inte svaret på din fråga men funderar på hur du skall kunna ändra en img tagg som om det vore en canvas tagg? Ser lite skumt ut det där.

[yakuzaemme]

Ursprungligen postat av P3N

Vet inte svaret på din fråga men funderar på hur du skall kunna ändra en img tagg som om det vore en canvas tagg? Ser lite skumt ut det där.

Inte jag som gjort basen, utan jag hoppade in då programmeraren inte kunde fortsätta. Det är en img-tagg med style satt till data-uri, fungerar bra.

Löste det hur som helst, vågar tyvärr inte skriva ut lösning/kod då detta inte är ett eget projekt utan till kund.

[Clarence]

Ursprungligen postat av P3N

Vet inte svaret på din fråga men funderar på hur du skall kunna ändra en img tagg som om det vore en canvas tagg? Ser lite skumt ut det där.

Ehm genom att anropa toDataUrl på canvas-elementet och ersätta src för <img>, kanske?

[yakuzaemme]

Ursprungligen postat av Clarence

Ehm genom att anropa toDataUrl på canvas-elementet och ersätta src för <img>, kanske?

Nästan, men ditt sätt kanske fungerar också.

Har gjort som så att den anropar canvas.toDataURL, parameter image/png, och sätter in det den får tillbaka i stylen på img-taggen, dvs:

var image = canvas.toDataURL('image/png');
$('#min_bild').css('background-image', "url('" + image + "')");

[P3N]

Måste bara tacka trådskaparen (yakuzaemme) för att du gjorde mig nyfiken på data uri. Sitter och gör en ny version av en sida och det är suveränt med data uri. Är en fröjd att se skillnaden när jag testar den nya sidan på Pingdom tools. Tack :-)

[yakuzaemme]

Ursprungligen postat av P3N

Måste bara tacka trådskaparen (yakuzaemme) för att du gjorde mig nyfiken på data uri. Sitter och gör en ny version av en sida och det är suveränt med data uri. Är en fröjd att se skillnaden när jag testar den nya sidan på Pingdom tools. Tack :-)

Hehe, kul att man kan göra nytta med sina problem. Bara att säga till om du har någon fråga/problem!