canvas-图像绘制的安全问题

canvas-图像绘制的安全问题 目录

---

图像会带来安全问题

• 如果要限制他人随意存取发表在社交网络上的图片，或者对原型图进行加密
• canvas允许绘制不属于自己的图像(其他域)，但不能通过canvas API保存或修改图像

绘图安全机制的原理

• canvas有origin-clean标志位，默认为true
• 如果使用了drawImage()绘制了其他域的图像，origin-clean会变成false
• 如果在origin-clean: false的canvas上调用toDataURL(), getImageData()方法，浏览器将会报错SECURITY_ERR

绕过安全问题

• Chrome命令行中输入：--allow-file-access-from-files
• FireFox：netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");