兩層canvas,想用clearRect 完全清除一層,但兩層都會清除掉,為什麼,應該怎麼辦

時間 2021-06-01 06:16:23

1樓:ppppp

正好最近在研究這個問題,估計樓主是想做乙個類似刮刮樂這樣的應用。

@軍假司馬的答案是正確的,放兩個canvas就ok了,不過,我猜樓主想要的應該是清除上層看到下層的效果。

這個時候composite operation就應該出場了

Compositing and clipping

你應該用的是這個 destination-out

光說不給sample不是好習慣,給你幾個位址看下就明白了

HTML5 Canvas and globalCompositeOperation

Scratcher - JSFiddle

最後這個更貼切,用的就是兩個canvas + clearRect實現的

HTML5 CSS3 誘人的例項 :canvas 模擬實現電子彩票刮刮樂

2樓:軍假司馬

如果你想實現兩層canvas ,需要宣告兩個元素並疊加。

var canvas1 = document.createelement(''canvas");

var ctx1 = canvas1.getContext('2d')

var canvas2 = document.createelement("canvas");

var ctx2 = canvas2.getContext('2d')

3樓:魯小夫

誰告訴你呼叫兩遍 getContext() 就有「兩層」 了https://

html.spec.whatwg.org/multipage/scripting.html#dom-canvas-getcontext

2d canvas 就是乙個 rgba 矩陣,加各種繪圖API,沒有層這種概念。

兩層別墅熱嗎?怎樣解決?

青春散盡韶華不再 剛巧我也在考慮這個問題,我老家的自建房頂樓夏天熱的像蒸籠一樣!所以夏天搬樓下住,剛剛也問了入住的鄰居們,商品房的別墅也熱的受不了!大部分人基本沒處理,說夏天搬到樓下住,有些直接搬家.目前大體總結如下 如果你的樓層很高,直接把頂掀了然後澆一層10CM混凝土樓板 10CM的隔熱棉,最後...

村改兩層別墅是否合法 ?

KingKong 提前報備即可,理論上合法 農村違建如何認定?標準什麼?1 在耕地上建造的房屋 耕地只能用來種植糧食或者農作物,不能隨意改變它的用途。2 沒有經過批准就私自建造的房屋 農民蓋房子必須要先提出申請,審批通過,各項手續都辦全了之後才能動工建造。要是沒有經過批准就建造的房屋,那麼屬於違章建...

烤箱可以兩層一起烤嗎?

陳大發 烤箱一般分為平爐和風爐。原則上只有風爐可以實現多層烘烤的功能。因為風爐是配置了強大內建熱風迴圈系統,也就是所謂的 背熱風 這個功能通過背部的風扇口帶動熱氣的迴圈,可以有效的均衡烤箱內部溫度。而普通家用烤箱也就是常見的平爐烤箱。烤箱容量大還好些,如果是一些小烤箱或者迷你烤箱,本身就是通過烤箱內...