<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    ivaneeo's blog

    自由的力量,自由的生活。

      BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
      669 Posts :: 0 Stories :: 64 Comments :: 0 Trackbacks
    Canvas里的globalCompositeOperation是個很少用到的函數,不太熟悉程序繪圖的同學們估計壓根都不知道這玩意是干什么的.

    簡單來說,Composite(組合),就是對你在繪圖中,后繪制的圖形與先繪制的圖形之間的組合顯示效果,比如在國畫中,你先畫一筆紅色,再來一筆綠色,相交的部分是一種混色,而在油畫中,綠色就會覆蓋掉相交部分的紅色,這在程序繪圖中的處理就是Composite,Canvas API中對應的函數就是globalCompositeOperation,跟globalAlpha一樣,這個屬性是全局的,所以在使用的時候要注意save和restore.

    我在練習這個函數的時候,用的是chrome瀏覽器,但是測試結果卻跟實際應該出現的結果不太一致,開始我以為是寫錯了,檢查數遍卻沒有問題,疑惑之下換了各種瀏覽器來測試,真是囧啊,每個瀏覽器居然都不一樣,連同核心的chrome和safari都不一樣...下面是測試結果.


    chrome


    firefox


    opera


    safari


    firefox官方網站給的實際效果圖

    下面是每一個選項的說明(我表達的可能不太明白,看圖吧):

    source-over 默認,相交部分由后繪制圖形的填充(顏色,漸變,紋理)覆蓋,全部瀏覽器通過

    source-in 只繪制相交部分,由后繪制圖形的填充覆蓋,其余部分透明,webkit兩兄弟沒有通過

    source-out 只繪制后繪制圖形不相交的部分,由后繪制圖形的填充覆蓋,其余部分透明,webkit兩兄弟沒有通過

    source-atop 后繪制圖形不相交的部分透明,相交部分由后繪制圖形的填充覆蓋,全部瀏覽器通過

    destination-over 相交部分由先繪制圖形的填充(顏色,漸變,紋理)覆蓋,全部瀏覽器通過

    destination-in 只繪制相交部分,由先繪制圖形的填充覆蓋,其余部分透明,webkit兩兄弟沒有通過

    destination-out 只繪制先繪制圖形不相交的部分,由先繪制圖形的填充覆蓋,其余部分透明,全部瀏覽器通過

    destination-atop 先繪制圖形不相交的部分透明,相交部分由先繪制圖形的填充覆蓋,webkit兩兄弟沒有通過

    lighter 相交部分由根據先后圖形填充來增加亮度,全部瀏覽器通過

    darker 相交部分由根據先后圖形填充來降低亮度,chrome通過,firefox官方說Firefox 3.6 / Thunderbird 3.1 / Fennec 1.0以后版本移除這個效果-0-,why?safari看似可以,但是無論你什么顏色,它都給填充成黑色,opera無效果

    copy 只繪制后繪制圖形,只有opera通過

    xor 相交部分透明,全部瀏覽器通過

    結果太令人無語了,特別是firefox那個新版本移除,我靠,為嘛啊?chrome和safari難兄難弟,成績一塌糊涂,難道是webkit核心的問題?safari那個填充黑色很有IE6-中png透明問題的風范...opera表現很搶眼,只有一個效果未實現,繼續努力!

    評分及瀏覽器版本:
    Chrome dev 7.0.503.0 : 7/12
    Firefox 3.6.6 : 10/12
    Opera 10.53 : 11/12
    Safari 4.0.3(531.9.1) : 6/12
    posted on 2014-03-28 15:48 ivaneeo 閱讀(287) 評論(0)  編輯  收藏 所屬分類: 互聯網
    主站蜘蛛池模板: 四虎影视在线永久免费看黄| 毛片免费观看网址| 亚洲啪啪AV无码片| jizz在线免费观看| 亚洲乱亚洲乱少妇无码| 成人久久久观看免费毛片| 成人亚洲网站www在线观看| 亚洲av乱码中文一区二区三区| 成人无码区免费视频观看| 亚洲熟妇久久精品| 国产乱弄免费视频| 全部一级一级毛片免费看| 国产亚洲?V无码?V男人的天堂| aa午夜免费剧场| 亚洲国产精品va在线播放| 香港a毛片免费观看 | 亚洲va无码专区国产乱码| 中文字幕看片在线a免费| 久久亚洲国产精品五月天| 最近在线2018视频免费观看| 2020天堂在线亚洲精品专区| 免费无码看av的网站| 视频免费1区二区三区| 久久精品国产亚洲麻豆| 在线永久免费的视频草莓| 亚洲国产精品无码久久98| 亚洲精品国产精品国自产观看| a级毛片在线视频免费观看| 久久久久亚洲精品无码蜜桃| 免费无码AV电影在线观看| 久久亚洲精品无码网站| 国产亚洲大尺度无码无码专线| 99久久国产免费-99久久国产免费| 亚洲制服在线观看| 免费v片在线观看品善网| 免费A级毛片av无码| 亚洲欧美日韩中文字幕在线一区| 亚洲区日韩区无码区| ww4545四虎永久免费地址| 爱情岛亚洲论坛在线观看 | 亚洲色大成WWW亚洲女子|