html5 Canvas Bilder vergrößern

[Zerod159]

Hallo,

ich hab ein 60 x 10 große png was ich als tileset nehme.
Ich wollte jetzt mit drawImage() das erste tile vergrößert darstellen, aber wenn ich das jetzt um 10 vergrößere wird das sehr verschwommen angezeigt.

code:
ctx.drawImage(img,0, 0, 10,10, 0, 0, 100,100);

kann ich da irgend ein parameter hinzufügen damit das pixelgenau vergrößert wird?

ps.:
mit ctx.scale(10,10); ist es das selbe.

 

[CPoly]

Möchtest du also, dass beim Vergrößern nicht interpoliert wird, sondern einfach alles verpixelt dargestellt wird?
So weit ich das sehe, sieht die Spezifikation so was bei drawImage nicht vor (die Implementierung des Skalierungsalgorithmus obliegt dem Browser Hersteller.)

Wenn du einen solchen Pixeleffekt willst, musst du deinen eigenen Skalierungsalgorithmus mittels Pixelmanipulation schreiben.