html-canvas-Schatten angewendet wird, um alles

Wenn Sie definieren ein Schatten, der EINMAL an, dann gilt es für alle "Grafiken" auf der Leinwand von da nach (das ist, was es tun soll).

Beispiel:
http://flanvas.com/development/flanvas/test.html

Kennt jemand best practice schalten Sie die Schatten aus, nachdem Sie verwendet haben? Ich werde shadowColor zu "rgba(0,0,0,0)" das ist ein no-alpha in schwarz. Ich bin mir sicher, dass es einen besseren Weg gibt.

Fall-Beispiel: Der text ist auch immer ein Schatten. Ich bin mit dem no-alpha black, um diese zu bekämpfen, für jetzt.
http://flanvas.com/development/flanvas/examples/filters-dropShadowFilter.html

InformationsquelleAutor Jacksonkr | 2011-01-10
  1. 27

    Mithilfe save, translate und restore Sie durchführen können Ihre Aufgaben, ohne sich Gedanken über den Stil ändert, zB.

    ctx.save();
ctx.translate(X,Y);

ctx.shadowColor = 'rgba(255, 0, 0, 0.5)';

//do some stuff

ctx.restore();

    hier X & Y sind die Koordinaten, wo Sie beabsichtigt, zu zeichnen und du machst dein Zeug relativ zu den Koordinaten 0,0.

    Diese Methode löst das problem der Zwischenspeicherung und der Wiederherstellung des vorherigen styles/Werte und ist auch sehr hilfreich, wenn Sie die Arbeit mit Farbverläufen, wie Sie immer sind aufgetragen relativ zum Ursprung (0,0)

    • Sehr guter Punkt. Diese Lösung funktioniert wirklich gut in komplexeren Fällen (weniger Dinge, um zu verfolgen).
    InformationsquelleAutor Livingston Samuel
  2. 8

    (EDIT: Oops! Ich sehe, dass das, was Sie bereits getan haben, mit einem 0 alpha black.)

    Dies ist, was Sie gesucht haben:

    context.shadowColor = "transparent";
    InformationsquelleAutor Hugh Man
  3. 5

    Es ist normalerweise eine gute Idee, speichern Sie den alten Wert dieser Art von "globalen" Parametern, bevor Sie es ändern, und verwenden Sie diese gespeicherte Wert später wiederherstellen auf. Beispiel:

    var origShadowColor = ctx.shadowColor;
ctx.shadowColor = 'rgba(255, 0, 0, 0.5)';

//... do some stuff

ctx.shadowColor = origShadowColor;
    InformationsquelleAutor Juho Vepsäläinen
Schreibe einen Kommentar