haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
http://www.h-camel.com
MIT License
25.2k stars 3.25k forks source link

[html] 第114天 举例说明HTML5的Canvas元素有什么用途? #1037

Open haizhilin2013 opened 5 years ago

haizhilin2013 commented 5 years ago

第114天 举例说明HTML5的Canvas元素有什么用途?

nowherebutup commented 5 years ago
HCLQ commented 5 years ago

最常见的就是做图表,数据可视化产品如百度的echarts 做动画特效,在线画图,3d的webgl有threeJs, 2d的有zrender 一般业务有的:web图像处理,在canvas上画图片,进行像素级的修改,如制作灰度图,对用户上传的图进行裁剪,模糊,多图合成等操作 我常用的就是动态在线生成图片,如一般涉及安全的无痕打码,根据登录用户制作一张透明的事件穿透的图片覆盖在网页最上层,防内部截图外泄

AydenGen commented 5 years ago

我常用的就是动态在线生成图片,如一般涉及安全的无痕打码,根据登录用户制作一张透明的事件穿透的图片覆盖在网页最上层,防内部截图外泄

请问一下这个方法我可否进入控制台删除最上层图片进而拿到所保护的图片呢?

HCLQ commented 5 years ago

我常用的就是动态在线生成图片,如一般涉及安全的无痕打码,根据登录用户制作一张透明的事件穿透的图片覆盖在网页最上层,防内部截图外泄

请问一下这个方法我可否进入控制台删除最上层图片进而拿到所保护的图片呢?

一般是内部的客服系统防员工泄漏用户数据, 数据的脱敏/明文切换已经防了一层了, 这个只是锦上添花,懂的客服也不会做客服了吧。。