我正在制作一个小网页游戏，我正在寻找一种方法来操作每个像素的图像并将其存储在 mysql 数据库中。准确地说，我需要能够执行以下操作：
- 从 mysql 数据库加载图像（250 x 250px）到屏幕上（图像不可见。例如，每个像素的 alpha 为 0）；
- 随机选取几个像素并将 alpha 设置为 1；
- 将新映像保存到 mysql 数据库中的旧映像上
- 加载具有多个可见像素的新图像；
- 随机选取一些像素并将 alpha 设置为 1；
ETC..
我已经设法让这件事发挥作用，但效率非常低。我的 mysql 数据库中有数千条记录，每条记录中都有一个存储有正确位置、颜色和可见性的像素。当图像渲染到屏幕上时，需要读出每条记录。
我看过 html5 canvas 但还没有找到正确的方法。其实，现在我不知道什么是最好的办法。希望有人可以在这里提供帮助。
有几种方法可以做到这一点。
是的，画布就是你想要的。您可以使用画布来操作图像数据（请参阅MDN 上使用 Canvas 进行像素操作 https://developer.mozilla.org/en-US/docs/HTML/Canvas/Pixel_manipulation_with_canvas).
为了保存到服务器并恢复，您不应使用数千条记录。您应该使用类似于单个 base64 字符串的内容来描述您的图像。 canvas API 有一个方法来检索它，称为toDataURL().
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
