我们可以把canvas应用于整个浏览器窗口或者其中的一部分之上,这种技术通常被称作"玻璃窗"。
应用场景
1.可以编写函数来获取页面中所有DOM元素的绝对位置,然后创建循序渐进的帮助功能,从而引导Web应用的用户,一步一步地教会他们学会操作
2.可以利用鼠标事件让用户在Web页面上绘制反馈
2.1 需要将canvas的css属性position设置为absolute,指定canvas的位置,宽度和高度。如果没有明确的宽度和高度,canvas默认尺寸为0像素
2.2 z-index要设置的大些
2.3 canvas会阻塞后续的事件访问,不需要的时候要记得“关窗”。
Canvas进阶功能之全页玻璃窗
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
- 人生哪有什么一锤定音的事儿?特别是女人,要比男人打更多的怪兽,闯个多的关。 昨天跟单位同事聊天,他说他们当年高考还...