2011-05-16 22 views
1

根據http://dev.w3.org/html5/2dcontext/#dom-context-2d-globalcompositeoperation的規格,「更輕」的成分是「A + B」。帆布2D globalCompositeOperation(打火機)

比方說,這是我的情況:

  • 畫布背景顏色:紅色(#FF0000)
  • 從綠色(#00FF00)畫出的線性漸變爲黑色(#000000)
  • 預期結果:從黃色(#FFFF00)到紅色(#FF0000)的線性漸變

但是,「較輕」複合操作似乎不會添加顏色。相反,它只是在紅色背景上繪製綠色/黑色漸變。

前瞻:http://jsbin.com/uvaje4/4/ &代碼:http://jsbin.com/uvaje4/4/edit

一些注意事項:

  1. 我已經在Chrome,火狐&歌劇測試這一點。我只能看到3個選項:沒有瀏覽器實現了「更輕」的組合,或者規範是錯誤的,或者我的代碼是錯誤的。
  2. 我意識到創建從黃色到紅色的漸變會很簡單,但我需要「更輕」的操作才能處理更復雜的圖紙。在lighter FTL

回答

5

拼寫錯誤:o http://jsbin.com/uvaje4/5/

+0

好吧,這是跛腳...(拍自己的頭) – Bart 2011-05-16 17:32:01

+0

額外的眼睛ftw? – Detect 2011-05-16 17:36:24

+0

我發誓我檢查了一些微不足道的東西......哦...... – Bart 2011-05-17 09:22:43

2

根據記錄,打開Firefox中嚴格的警告會抓住這個問題。