在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 急:用canvas做遮罩層的話，如何來高亮顯示原始頁面的部分區(qū)域（多個(gè)）

急:用canvas做遮罩層的話，如何來高亮顯示原始頁面的部分區(qū)域（多個(gè)）

項(xiàng)目里需要用canvas來做遮罩層，當(dāng)canvas起來遮罩后，該如何高亮下面的原始頁面的部分區(qū)域呢？
直接填充的話，還是霧蒙蒙的。

cxt.fillStyle = 'rgba(255,255,255,1)';
cxt.fillRect(1044, 100, 250, 250);

圖片描述

見上圖，如果fillStyle的透明度設(shè)為0.9,就是左邊，直接為白色或rgba(255,255,255,1),就是右邊的效果。都有一種霧蒙蒙的感覺。

通過提升z-index的方法，有時(shí)候不湊效。無奈只得從canvas里想辦法。

沒有蒙板，直接顯示的效果如下。

沒有蒙板的效果

回答
編輯回答
忘了我

其實(shí)我看不太懂你想問什么。如果是遮罩的話，并且是矩形，可以用 clearRect 來做。如下：

ctx.fillStyle = "rgba(255, 255, 255, 1)";
ctx.fillRect(0, 0, width, height); // width & height 為遮罩的寬高
ctx.clearRect(1044, 100, 250, 250);

如果要用其它形狀的話，可以參考一下：http://www.w3school.com.cn/ta...

2018年3月29日 12:31
編輯回答
貓小柒

考不考慮拆分canvas，多個(gè)獨(dú)立的canvas控制區(qū)域顯示，要顯示原始頁面的那個(gè)canvas隱藏就可以了

2017年6月5日 14:35
編輯回答
任她鬧

貢獻(xiàn)個(gè)張?chǎng)涡竦膶?shí)現(xiàn)，另外我自己覺得也可以用clip-path試試吧，canvas并不是很好的選擇（個(gè)人覺得個(gè)別場(chǎng)景下試試SVG會(huì)有驚喜的）。

2017年3月16日 04:35