Imposta la modalità di fusione per disegnare i tratti?

Question

Ho guardato un po 'e pensano che la risposta alla mia domanda è "no", ma qui va:

con JavaScript e un tag canvas, posso disegnare linee ben alfa-miscelati con stroke().

Questo è un sacco di divertimento, ma mi piacerebbe fare un ulteriore passo in avanti impostando il metodo blend per il tratto.
ad esempio, sembra che stia usando il classico src * (alpha) + dst * (1 - alpha), e mi piacerebbe qualcosa come src + dst, per ottenere un additivo blending.

Questa pagina: http://www.andersriggelsen.dk/OpenGL sembra che si stia combinando pixel per pixel, che vorrei davvero evitare.

Answer 1

Le uniche "metodi di fusione" supportate nativamente dal contesto HTML5 tela sono la Global Composite Operations:

• source-atop
• source-in
• source-out
• source-over
• destination-atop
• destination-in
• destination-out
• destination-over
• lighter
• darker (non è più nelle specifiche)
• xor
• copy

Vedi this link per un eccellente esempio interattivo animato delle modalità. La modalità di aggiunta/schermata che desideri, tuttavia, non è tra questi.

Se questa funzionalità è importante per te, ho scritto lo free context-blender library per fondere due tele (o regioni di esse) usando le modalità di fusione in stile Photoshop. Come dici tu, gli interni di questo (necessariamente) eseguono operazioni pixel per pixel. Non è nemmeno veloce come una modalità di compositing nativo, ma non è neanche lento. Permette comunque di eseguire operazioni di tratto e riempimento nativo su una tela (in genere non in linea), quindi di comporre l'area di sfondo su un'altra.

E sì, il miscelatore di contesto supporta entrambe le modalità di fusione "schermo" e "aggiungi". :)

Answer 2

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

Adobe in soccorso

Support è in arrivo.