feat:add animation image to image demo

demo/src/ImageDemo.ts

@@ -1,6 +1,6 @@
 import { Group, Panel, List, text, gravity, Color, Stack, LayoutSpec, list, NativeCall, listItem, log, vlayout, Gravity, hlayout, Text, scroller, layoutConfig, image, IView, IVLayout, ScaleType } from "doric";
 import { colors, label } from "./utils";
-const imageUrl = 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574244792703&di=c49ed8cd284c367fa8f00065a85428bd&imgtype=0&src=http%3A%2F%2Fimg3.iqilu.com%2Fdata%2Fattachment%2Fforum%2F201308%2F21%2F201709zikkhkjh7dgfi9f0.jpg'
+const imageUrl = 'https://img.zcool.cn/community/01e75b5da933daa801209e1ffa4649.jpg@1280w_1l_2o_100sh.jpg'
 @Entry
 class ImageDemo extends Panel {
     build(rootView: Group): void {
@@ -14,6 +14,33 @@ class ImageDemo extends Panel {
                 textAlignment: gravity().center(),
                 height: 50,
             }),
+            label('Gif'),
+            image({
+                imageUrl: "https://misc.aotu.io/ONE-SUNDAY/world-cup_2014_42.gif",
+                scaleType: ScaleType.ScaleToFill,
+                loadCallback: function (ret) {
+                    log('this')
+                    log('loadCallback', ret)
+                }
+            }),
+            label('APNG'),
+            image({
+                imageUrl: "https://misc.aotu.io/ONE-SUNDAY/world_cup_2014_42.png",
+                loadCallback: (ret) => {
+                }
+            }),
+            label('WebP'),
+            image({
+                imageUrl: "https://misc.aotu.io/ONE-SUNDAY/world_cup_2014_42.webp",
+                loadCallback: (ret) => {
+                }
+            }),
+            label('Lossy WebP'),
+            image({
+                imageUrl: "https://misc.aotu.io/ONE-SUNDAY/world_cup_2014_42_lossy.webp",
+                loadCallback: (ret) => {
+                }
+            }),
             label('ScaleToFill'),
             image({
                 imageUrl,
@@ -26,7 +53,6 @@ class ImageDemo extends Panel {
                 scaleType: ScaleType.ScaleToFill,
                 layoutConfig: layoutConfig().exactly(),
                 loadCallback: (ret) => {
-                    log('loadCallback', ret)
                 }
             }),
             label('ScaleAspectFit'),