<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                [TOC] ## 合成 ``` globalCompositeOperation = type ``` 一個十三種類型 [demo](https://www.runoob.com/w3cnote/html5-canvas-intro.html) 1. source-over 新圖像覆蓋原有圖像 2. source-in 僅僅會出現新圖像與原來圖像重疊的部分,其他區域都變成透明的 3. source-out 僅僅顯示新圖像與老圖像沒有重疊的部分,其余部分全部透明 4. source-atop 新圖像僅僅顯示與老圖像重疊區域 5. destination-over 新圖像會在老圖像的下面 6. destination-in 僅新老圖像重疊部分的老圖像被顯示,其他區域全部透明 7. destination-out 注意顯示的是老圖像的部分區域 8. destination-atop 老圖像僅僅僅僅顯示重疊部分,新圖像會顯示在老圖像的下面 9. lighter 新老圖像都顯示,但是重疊區域的顏色做加處理 10. darken 保留重疊部分最黑的像素 11. lighten 保證重疊部分最量的像素 12. xor 重疊部分會變成透明 13. copy 只有新圖像會被保留,其余的全部被清除(邊透明) 實例 ``` function draw(){ var canvas = document.getElementById('tutorial1'); if (!canvas.getContext) return; var ctx = canvas.getContext("2d"); ctx.fillStyle = "blue"; ctx.fillRect(0, 0, 200, 200); ctx.globalCompositeOperation = "source-over"; //全局合成操作 ctx.fillStyle = "red"; ctx.fillRect(100, 100, 200, 200); } draw(); ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看