我们可以把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...
- 人生哪有什么一锤定音的事儿?特别是女人,要比男人打更多的怪兽,闯个多的关。 昨天跟单位同事聊天,他说他们当年高考还...