Canvas进阶功能之全页玻璃窗

我们可以把canvas应用于整个浏览器窗口或者其中的一部分之上,这种技术通常被称作"玻璃窗"。
应用场景
1.可以编写函数来获取页面中所有DOM元素的绝对位置,然后创建循序渐进的帮助功能,从而引导Web应用的用户,一步一步地教会他们学会操作
2.可以利用鼠标事件让用户在Web页面上绘制反馈
2.1 需要将canvas的css属性position设置为absolute,指定canvas的位置,宽度和高度。如果没有明确的宽度和高度,canvas默认尺寸为0像素
2.2 z-index要设置的大些
2.3 canvas会阻塞后续的事件访问,不需要的时候要记得“关窗”。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,287评论 25 708
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,523评论 0 17
  • 人生哪有什么一锤定音的事儿?特别是女人,要比男人打更多的怪兽,闯个多的关。 昨天跟单位同事聊天,他说他们当年高考还...
    ivychongchong阅读 678评论 0 2
  • 姓名:关按芬 公司:慧友冠源科技有限公司 【日精进打卡第106天】 【知~学习】 早晨诵读: 《六项精进》大纲2遍...
    江阳水阅读 228评论 0 0