对于 google+ 反馈,它如何在不剪切 html 页面的情况下“剪切”其黑色叠加层(白色矩形)来为其反馈创建突出显示效果?在这篇文章中,Google+ 反馈系统的屏幕截图部分是如何工作的?,我知道高亮和黑屏是<div>标签和<canvas>标签。
我在这个网站http://hertzen.com/experiments/jsfeedback/examples/combination/index.html找到了一个类似的反馈,它的高亮效果也是 <div> 标签并且它使用了 CSS。但是,它的白色矩形堆叠在黑色覆盖层之上,而不是“切开”它。因此,亮点并不像谷歌那样清晰。关于谷歌的反馈突出显示功能如何工作的任何见解?是通过使用canvas globalCompositeOperation吗?我尝试修改代码以使用canvas globalCompositeOperation、destination-out 操作,但它会切穿黑色覆盖和html 页面。但这可能只是我编码错误,因为我在 JavaScript 方面不是很好。任何帮助将非常感激!!