tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
916
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Zerod159 Tutorials.de Gastzugang
    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.
     

  2. #2
    CPoly CPoly ist gerade online Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    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.
     

Ähnliche Themen

  1. umlcanvas: UML Diagramme im Browser zeichnen mit HTML5 Canvas
    Von Thomas Darimont im Forum Coders Talk
    Antworten: 0
    Letzter Beitrag: 16.01.11, 12:08
  2. HTML5 - Canvas asynchron zeichnen.
    Von Danielku15 im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 04.10.10, 12:44
  3. HTML5 - Canvas | Save und Restore
    Von Danielku15 im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 17.06.10, 22:41
  4. Bilder vergrößern
    Von FAD im Forum PHP
    Antworten: 2
    Letzter Beitrag: 26.10.08, 08:38
  5. Bilder vergrößern
    Von Maultaschenkiffer im Forum Photoshop
    Antworten: 3
    Letzter Beitrag: 10.11.03, 14:30