mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 04:16 Benutzername: Passwort: Auto-Login

Thema: html5 Canvas Bilder vergrößern vom 14.01.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> html5 Canvas Bilder vergrößern
Autor Nachricht
Zerod
Threadersteller

Dabei seit: 14.01.2011
Ort: -
Alter: 43
Geschlecht: -
Verfasst Fr 14.01.2011 00:24
Titel

html5 Canvas Bilder vergrößern

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Sarky

Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht: Männlich
Verfasst Fr 14.01.2011 02:07
Titel

Antworten mit Zitat Zum Seitenanfang

Die Gecko-Engine bietet einen zusätzlichen Parameter:

Code:

ctx.mozImageSmoothingEnabled = false;


Ansonsten wirst Du Dir wahrscheinlich etwas eigenes schreiben müssen um per Pixelwiederholung zu skalieren.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen html5 canvas | ecardwerkstatt
bilder pop-up/vergrößern bei click!
bilder vergrößern bei mouseover
[Automatisierung] 200 Bilder vergrößern - Wie?
Bilder per klick vergrößern/hervorrufen
Bilder beim klicken vergrößern JavaScript
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.