web小游戏开发：拼图（二）图片切割
web小游戏开发：拼图（二）
- 加载图片
- 加载本地图片
- 加载预定义网络图片
- 实现图片切块
- css
- js
- 小结
加载图片
加载本地图片
正常来讲，拼图应该是由制作者自行选好图片，放到网络上，任意玩家都可以调用相同的图片来进行游戏。
不过，因为咱们现在，连一个正经的框架都没搭起来呢，就先用本地图片来进行制作、测试，后续再修改成网络图片。
加载本地图片，由于 js 安全机制原因，无法直接获取到本地图片路径，但好在可以获取 base64。而 img 标签，也是支持 base64 图片格式的。
那么，就先修改一下 init 定义，追加几行代码，用来实现加载图片。
/*样式表*/
html,body,main {margin:0px;padding:0px;}
main {