feat:Image support animated image

demo/src/ImageDemo.ts

@@ -1,4 +1,4 @@
-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 { Group, Panel, List, text, gravity, Color, Stack, LayoutSpec, list, NativeCall, listItem, log, vlayout, Gravity, hlayout, Text, scroller, layoutConfig, image, IView, IVLayout, ScaleType, Image } from "doric";
 import { colors, label } from "./utils";
 import { img_base64 } from "./image_base64";
 const imageUrl = 'https://img.zcool.cn/community/01e75b5da933daa801209e1ffa4649.jpg@1280w_1l_2o_100sh.jpg'
@@ -6,6 +6,7 @@ const imageUrl = 'https://img.zcool.cn/community/01e75b5da933daa801209e1ffa4649.
 @Entry
 class ImageDemo extends Panel {
     build(rootView: Group): void {
+        let imageView: Image
         scroller(vlayout([
             text({
                 text: "Image Demo",
@@ -38,9 +39,13 @@ class ImageDemo extends Panel {
                 }
             }),
             label('WebP'),
-            image({
+            imageView = image({
                 imageUrl: "https://p.upyun.com/demo/webp/webp/jpg-0.webp",
                 loadCallback: (ret) => {
+                    if (ret) {
+                        imageView.width = ret.width
+                        imageView.height = ret.height
+                    }
                 }
             }),
             label('ScaleToFill'),