圖像變換

開(kāi)發(fā)步驟

圖像變換相關(guān)API的詳細(xì)介紹請(qǐng)參見(jiàn)API參考。

1. 完成圖片解碼，獲取Pixelmap對(duì)象。
2. 獲取圖片信息。

   // 獲取圖片大小
   pixelMap.getImageInfo().then( info => {
     console.info('info.width = ' + info.size.width);
     console.info('info.height = ' + info.size.height);
   }).catch((err) => {
     console.error("Failed to obtain the image pixel map information.And the error is: " + err);
   });

3. 進(jìn)行圖像變換操作。

   原圖：

   

   • 裁剪

     // x: 裁剪起始點(diǎn)橫坐標(biāo)0
     // y: 裁剪起始點(diǎn)縱坐標(biāo)0
     // height: 裁剪高度400，方向?yàn)閺纳贤拢ú眉艉蟮膱D片高度為400）
     // width: 裁剪寬度400，方向?yàn)閺淖蟮接遥ú眉艉蟮膱D片寬度為400）
     pixelMap.crop({ x: 0, y: 0, size: { height: 400, width: 400 } });

     

   • 縮放

     // 寬為原來(lái)的0.5
     // 高為原來(lái)的0.5
     pixelMap.scale(0.5, 0.5);

     

   • 偏移

     // 向下偏移100
     // 向右偏移100
     pixelMap.translate(100, 100);

     

   • 旋轉(zhuǎn)

     // 順時(shí)針旋轉(zhuǎn)90°
     pixelMap.rotate(90);

     

   • 翻轉(zhuǎn)

     // 垂直翻轉(zhuǎn)
     pixelMap.flip(false, true);

     

     // 水平翻轉(zhuǎn) 
     pixelMap.flip(true, false);

     

   • 透明度

     // 透明度0.5 
     pixelMap.opacity(0.5);