diff --git a/entry/src/main/ets/pages/svgTestCasePage.ets b/entry/src/main/ets/pages/svgTestCasePage.ets index 025bc3b..4c3516c 100644 --- a/entry/src/main/ets/pages/svgTestCasePage.ets +++ b/entry/src/main/ets/pages/svgTestCasePage.ets @@ -18,7 +18,8 @@ import {SVGParseImpl} from '@ohos/imageknife' @Component struct svgTestCasePage { - @State pixels:PixelMap = undefined + @State svgSamplePixelMap:PixelMap = undefined + @State svgIconPixelMap:PixelMap = undefined build() { Scroll() { @@ -32,7 +33,7 @@ struct svgTestCasePage { console.log('basicTestFileIOPage - 本地加载资源 解析后数据data = ' + data) let svgImpl = new SVGParseImpl(); svgImpl.parseSvg(data.buffer).then((pixelmap)=>{ - this.pixels = pixelmap; + this.svgSamplePixelMap = pixelmap; }) }) .catch(err => { @@ -46,7 +47,36 @@ struct svgTestCasePage { Text("下面为展示图片区域").margin({top:5}) Flex({direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }){ - Image(this.pixels) + Image(this.svgSamplePixelMap) + .width(400) + .height(400) + .backgroundColor(Color.Pink) + }.width(400).height(400).margin({top:10}).backgroundColor(Color.Pink) + + Flex({direction:FlexDirection.Row}){ + Button("加载SVG图片") + .onClick(()=>{ + + globalThis.ImageKnife.getImageKnifeContext().resourceManager.getMedia($r('app.media.iconsvg').id) + .then(data => { + console.log('basicTestFileIOPage - 本地加载资源 解析后数据data = ' + data) + let svgImpl = new SVGParseImpl(); + svgImpl.parseSvg(data.buffer).then((pixelmap)=>{ + this.svgIconPixelMap = pixelmap; + }) + }) + .catch(err => { + console.log('basicTestFileIOPage - 本地加载资源err' + JSON.stringify(err)); + }) + + }).margin({left:5}).backgroundColor(Color.Blue) + + } + .margin({top:15}) + + Text("下面为展示图片区域").margin({top:5}) + Flex({direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }){ + Image(this.svgIconPixelMap) .width(400) .height(400) .backgroundColor(Color.Pink) diff --git a/entry/src/main/ets/pages/testGifLoadWithWorkerPage.ets b/entry/src/main/ets/pages/testGifLoadWithWorkerPage.ets index ab03cb0..fadbe80 100644 --- a/entry/src/main/ets/pages/testGifLoadWithWorkerPage.ets +++ b/entry/src/main/ets/pages/testGifLoadWithWorkerPage.ets @@ -106,7 +106,7 @@ struct TestGifLoadWithWorkerPage { //主线程加载gif,阻塞toast的消失 this.options = { - loadSrc: $r("app.media.honor"), + loadSrc: $r("app.media.test"), } Prompt.showToast({ message: '加载gif中,请稍等' }) diff --git a/entry/src/main/resources/base/media/honor.gif b/entry/src/main/resources/base/media/honor.gif deleted file mode 100644 index 2069a4b..0000000 Binary files a/entry/src/main/resources/base/media/honor.gif and /dev/null differ diff --git a/entry/src/main/resources/base/media/iconsvg.svg b/entry/src/main/resources/base/media/iconsvg.svg new file mode 100644 index 0000000..f2fb75b --- /dev/null +++ b/entry/src/main/resources/base/media/iconsvg.svg @@ -0,0 +1,18 @@ + + + + + + + \ No newline at end of file