为了防止页面被复制，用 canvas 重绘整个页面？

[kokdemo]

有没有这样的业务场景，为了避免页面里的内容被复制，改用canvas来加载页面中的全部内容？

[wdhwg001]

问题来了：你如何防御手抄？

[niceworld]

@OCR
感觉这些都是防君子不妨小人

[Midnight]

那你干嘛不用flex来做UI

[myc0210]

会用F12的人不多。。。要是他真想抄。。。除非他没看到。。。要不然怎样都能抄。

[kzzhr]

你用canvas绘制，那不是要把所有的东西放进js里么。。程序员分分钟拿走
小白么？只要把右键屏蔽了就行了。。
不如在服务端画成图片～

[also24]

防止被复制的情况不知道，但是直接 canvas 整个页面的还真有

参见：
http://www.ruanyifeng.com/blog/2015/02/future-of-dom.html
http://engineering.flipboard.com/2015/02/mobile-web/

[vigoss]

有啊。小说站不都是直接生产的图片+水印仿OCR么。但是可以手打呀。

[imn1]

以前新浪北美是全图片的……现在不知道了

[kokdemo]

@kzzhr 内容可以ajax拉过来啊，不一定写在本地js里面

[zkd8907]

@kokdemo ajax拉过来更容易了，直接抓个包就看光了。

[kzzhr]

@zkd8907 F12，Network，多么纯净的内容～

[banri]

国外论文网站的显示思路是

一篇文章 N 页，可以在5分钟以内免费阅读前几页
由服务器生成 base64 图片

[welling]

用canvas的话，前端也必须先接收到数据，假如别人就直接拿源头的数据呢？所以，这个防御必须在后端做好，再返回给前端。
想了下，在普通的浏览器环境，好像也就只有服务器端生成图片这一条路，
可以看下百度文库，它会把其中的一些文字转成图片，达到一些限制，你复制过来也没问题，但是要以doc形式存。手抄没法防，当然了，也防不了OCR
更防不了程序员～

[msg7086]

现在的确已经有人这么做了。之前看好像是少年jump(?)的在线漫画阅读系统，已经做成了按方格打乱顺序的图片 + 正确顺序的数据 + canvas -> 正确顺序的图片 的这么个阅读器了。抓包出来都是乱的。

[msg7086]

感受一下？

[manoon]

@msg7086 这也是蛮拼的。。。

[lazybios]

@wdhwg001 赞这个回复~

[benjiam]

想搞定你很容易，关键是代价大小。你的值得别人去抄么