李经理在使用飞书时无意中发现,飞书竟然支持一键复制网页内容到剪贴板的功能。
他立即叫来了公司的前端开发小王,兴致勃勃地说:
"小王啊,你看,飞书的这个功能多方便!...小王看着李经理充满expectant的眼神, 虽然内心已经吐槽"就这点功能至于吗", 但表面上还是恭恭敬敬地回答:
"老板英明,这个功能确实很实用。...小王找来了领导说的飞书文档复制网页内容的功能, 如下:
小王思考了片刻…
功能拆解:
要实现这个功能, 要拆分为4个步骤:
获得选中内容所属的 div
把选中内容的div 转换成canvas
转换canvas...到二进制图像
复制二进制图像到剪贴板
由于小王的业务只需要复制固定区域的div, 所以第一步可以忽略, 简化成:
const element = document.getElementById("target...原来, 浏览器剪贴板对 jpeg的支持不大好, 于是小王把 canvas.toBlob() 的参数改成了 "image/png”.
他再次运行代码, 他成功了:
小王欣喜地把这个消息告诉了李经理.