一张图片能隐含千言万语之隐藏你的程序代码

名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。

本篇文章的具体介绍如下

我最近开发建设了我的第一个网页游戏：一个网页hTML5教程的视频智力游戏。开发建设的过程很有趣，我喜欢编程，但当实现了游戏逻辑后，我有了一个有趣的想法：为什么不想个办法把具体代码隐藏起来？起初我想到的是一些很简单的做法，比如禁止上下文菜单，以防右键点击时可以查看页面源具体代码。但这毫无意义，右键菜单不能用，人们仍然可以通过键盘快捷键或菜单栏里的“查看源相关站点文件”来观看源具体代码。

一张图片能隐含千言万语

这依赖于图片的体积。但我决定要把源具体代码加密存放到一张图片里。网页hTML5教程的画布(canvas)组件很适合干这种事情，因为它支持针对图像像素的操作。一个像素由四个值(通道)来表示：红，绿，蓝和alpha通道。它们的值的分布范围是从0到255。我的Javascript具体代码就是一个个的字符，每个字符都有一个ASCII对应值。ASCII值的范围也是0-255，所依，我想做的是，遍历画布上的每个像素，给每个像素设置3个具体代码字符的ASCII值作为它的RGB值，您可以通过charCodeAt数据库函数轻松的取出这些字符。

具体代码如下:
.charCodeAt(0)

生成的是一张色彩斑斓、很小的图片，它就是我的程序具体代码看看吧:

解码的时候，我只需要把这个图片画到画布上，遍历像素点，取出r,g,b值所代表的字符：

具体代码如下:
String.fromCharCode(code)

把它们连接成一个大的字符串，这就是您的具体代码了——可执行的具体代码。

这样就能保护您的源具体代码了吗？

其实不能——一个有经验的(甚至没有经验的)程序员仍然能够知道如何去解码图片，取出里面的具体代码，但我想这是能防止那些怀着不良商业目的人偷盗您的的具体代码的第一步措施——而那些能够想出如何解码的程序员(大部分)都不是来剽窃的

这种实用具体的方法的主要缺陷
这种技术只能应用在支持网页hTML5教程画布(canvas)技术的现代浏览器里，IE6、IE8 里肯定是不行的。甚至有些现代的浏览器对于图片的alpha通道的编码也有支持问题，所依，每个像素点您只能放3个字符——一个100×100大小的图片可以存放3万个文本字符。

您还有其它简单的能防止别人拷贝您的具体代码的实用具体的方法吗？咱们当然可以把字符进行加密，但如何保证您的解密步骤能不被人轻易的破戒呢？告诉我您的想法吧！