scale9grid圖片九宮縮放

這是圖片九宮縮放技術(shù)的 Javascript 實(shí)現(xiàn)。所謂九宮縮放，就是圖片四個(gè)角部分保持原樣不動，四個(gè)邊處只在單方向上延展的圖片縮放技術(shù)。這一技術(shù)又稱 9-patch、9-slice或者 scale 9 grid、scale 9 image，像 Android 中的 .9.png， ActionScript中的 scale9Grid 都是它的不同實(shí)現(xiàn)。有了這個(gè)插件，你就可以在古董 IE 上自由縮放圖片，卻又能保證圖片邊角處的細(xì)節(jié)，比如圓角、陰影，統(tǒng)統(tǒng)不走樣！ 示例

這是一個(gè)優(yōu)秀的 jQuery 插件，使用起來同樣十分簡單，不需修改圖片，只需圈定圖片哪部分要縮放即可，代碼如下：

    $('#elementid').scale9Grid({
        top:10,
        bottom:10,
        left:10,
        right:10});