Đặt blendmode để vẽ nét?

Question

Tôi đã xem một chút và nghĩ rằng câu trả lời cho câu hỏi của tôi là "không", nhưng ở đây:

Với Javascript và thẻ canvas, tôi có thể vẽ các đường được pha trộn độc đáo với stroke().

Đây là vô số niềm vui, nhưng tôi muốn thực hiện thêm một bước nữa bằng cách đặt blendmode cho đột quỵ.
ví dụ: có vẻ như nó đang sử dụng src * (alpha) + dst * (1 - alpha), và tôi muốn một cái gì đó giống như src + dst, để có được sự pha trộn phụ gia.

Trang này: http://www.andersriggelsen.dk/OpenGL dường như đang pha trộn pixel-by-pixel, mà tôi thực sự muốn tránh.

Answer 1

duy nhất "chế độ pha trộn" được hỗ trợ natively bởi HTML5 Canvas bối cảnh là những Global Composite Operations:

• source-atop
• source-in
• source-out
• source-over
• destination-atop
• destination-in
• destination-out
• destination-over
• lighter
• darker (không còn trong spec)
• xor
• copy

Xem this link cho một ví dụ tương tác hoạt hình tuyệt vời của các chế độ. Chế độ thêm/màn hình mà bạn muốn, tuy nhiên, không nằm trong số đó.

Nếu chức năng này quan trọng đối với bạn, tôi đã viết free context-blender library để kết hợp hai canvas (hoặc vùng của chúng) với nhau bằng chế độ hòa trộn kiểu Photoshop. Như bạn nói, nội bộ của điều này (nhất thiết) thực hiện các hoạt động pixel-by-pixel. Nó gần như không nhanh như chế độ ghép gốc, nhưng nó cũng không chậm. Nó vẫn cho phép bạn thực hiện hành trình gốc và điền vào một canvas (thường là offscreen), và sau đó kết hợp canvas offscreen với nhau.

Và có, trình tạo ngữ cảnh hỗ trợ cả chế độ hòa trộn 'màn hình' và 'thêm'. :)

Answer 2

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

Adobe để giải cứu

Hỗ trợ đang đến.