日期:2014-05-16  浏览次数:20310 次

javascript能否把一张大图根据坐标转成小图的功能
用别的语言开发游戏的时候,经常会把游戏里使用的所有的图标,都放在一张大的图片里。在游戏初始化阶段,载入大图,然后根据各自小图标的坐标(上,左,宽,高),把小图标从大图片中切割出来,生成新的图片对象。在游戏里调用。

这样可以简化游戏初始阶段,需要载入的数据。

不知道javascript 有没有代码可以实现类似的功能。而不是要把所有的游戏小图标一张一张的载入。

请高人指点

------解决方案--------------------


背景图片试试?

<style>
div{width:25px;height:25px;background-image:url

(http://www.activewidgets.com/runtime/2.0/styles/xp/checkbox.png)}
.unchecked{background-position:-50px -50px}
.checked{background-position:-25px -50px}
</style>
<div class="unchecked"></div><div class="checked"></div>