Ustawianie trybu blend do rysowania kresek?

Question

szukałem trochę i myślę, że odpowiedź na moje pytanie brzmi „nie”, ale tu idzie:

z JavaScript i tagu płótnie, mogę narysować ładnie alfa-mieszane linie z stroke().

To jest mnóstwo zabawy, ale chciałbym zrobić to jeszcze dalej, ustawiając tryb blend dla skoku.
np. Wygląda na to, że używa klasycznego src * (alfa) + dst * (1 - alfa), i chciałbym czegoś takiego jak src + dst, aby uzyskać mieszanie addytywne.

Ta strona: http://www.andersriggelsen.dk/OpenGL wydaje się robić mieszanie piksel po pikselu, , którego naprawdę chciałbym uniknąć.

Answer 1

tylko "trybów mieszania" natywnie obsługiwanych przez kontekście HTML5 Canvas są Global Composite Operations:

• source-atop
• source-in
• source-out
• source-over
• destination-atop
• destination-in
• destination-out
• destination-over
• lighter
• darker (nie w ciemno)
• xor
• copy

Patrz this link dla doskonały interaktywny animowany przykład trybów. Tryb dodawania/ekranu, który chcesz, nie jest jednak wśród nich.

Jeśli ta funkcja jest dla Ciebie ważna, napisałem free context-blender library, aby połączyć dwa płótna (lub ich regiony) za pomocą trybów mieszania w stylu programu Photoshop. Jak mówisz, elementy wewnętrzne tego (koniecznie) wykonują operacje piksel po pikselu. Nie jest tak szybki jak tryb natywnego komponowania, ale nie jest też powolny. Nadal pozwala wykonywać operacje natywnego obrysu i wypełnienia na jednym (zwykle poza ekranem) płótnie, a następnie złożyć płótno na ekranie innym.

I tak, kontekstowy mikser obsługuje tryby mieszania "ekran" i "dodaj". :)

Answer 2

http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/

Adobe na ratunek

Wsparcia nadchodzi.