Javascript元素不透明情況

比方說，我有一個div元素，其不透明度設置爲0.5。Javascript元素不透明情況

我有一個腳本，它的功能是在div上畫一個矩形，第一次用戶用鼠標左鍵單擊div元素並拖動鼠標到div上。

我想弄清楚如何使用戶繪製的矩形不受div容器元素的不透明度的影響。

例如，如果您上傳照片到谷歌+有一個選項來裁剪圖像的一部分，所以只有你的臉是可見的。 Thay有我正在尋找的這種功能。當您將部件繪製在圖像上方時，您想要將圖像的不透明度設置爲0.5，但是您繪製的區域清楚地顯示了圖像的原始樣式。

2013-08-21 Joro Seksa

您正在嘗試......多數民衆贊成好，我們該怎麼辦......？ –

:)我正在找人給我一個解決方案:) –

被所有包含元素繼承了包裝元素的透明度，

，你可以簡單地通過與大小1x1px您想要的不透明度創建一個PNG圖像解決這個問題，並以此爲背景圖像和重複x和y

2013-08-21 10:49:49

我認爲你所要做的就是屏蔽，它可以至少用svg來實現。你可以有一個具有特定不透明度的圖層和一個具有矩形屬性的遮罩，以在所需位置的不透明度中「燒出一個洞」。

2013-08-21 12:21:02 Dominus

回答