抛出是否开启抗锯齿属性配置

Signed-off-by: liangdazhi <liangdazhi@h-partners.com>

CHANGELOG.md

@@ -1,6 +1,9 @@
+## 2.1.2-rc.4
+- canvas新增抗锯齿
+
+
 ## 2.1.2-rc.3
 - svg图片解码改为imageSource解码
-- canvas新增抗锯齿
 
 
 ## 2.1.2-rc.2

README.md

@@ -108,7 +108,7 @@ imageKnifeOption = {
 ### ImageKnifeOption参数列表
 
 | 参数名称                     | 入参内容                                                     | 功能简介                                          |
-| ---------------------------- | ------------------------------------------------------------ | ----------------------------------- |
+| ---------------------------- | ------------------------------------------------------------ |-----------------------------------------------|
 | loadSrc                      | string\| PixelMap\                                     |Resource                                   | 图片数据源                          |
 | mainScaleType                | ScaleType                                                    | 设置主图展示样式（可选）                                  |
 | strategy                     | DiskStrategy                                                 | 设置磁盘缓存策略（可选）                                  |
@@ -132,6 +132,7 @@ imageKnifeOption = {
 | allCacheInfoCallback         | IAllCacheInfoCallback                                        | 输出缓存相关内容和信息（可选）                               |
 | signature                    | ObjectKey                                                    | 自定key（可选）                                     |
 | **drawLifeCycle**            | **IDrawLifeCycle**                                           | **用户自定义实现绘制方案（可选）**                           |
+| imageSmoothingEnabled        | boolean                                        | 抗锯齿是否开启属性配置，设置为false时，imageSmoothingQuality失效 |
 | imageSmoothingQuality        | AntiAliasing                                         | 抗锯齿属性配置                                       |
 
 其他参数只需要在ImageKnifeOption对象上按需添加即可。

entry/src/main/ets/pages/testImageAntiAliasingWithPage.ets

@@ -37,8 +37,17 @@ struct TestImageAntiAliasingWithPage {
           .margin(15)
           .overlay('png', { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
           .interpolation(ImageInterpolation.High)
+        Text("ImageKnife开启抗锯齿且设置为中等").fontSize(15)
+        ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption1,imageSmoothingQuality: AntiAliasing.FIT_MEDIUM }).width(600).height(600)
+        Text("Image开启抗锯齿且设置为中等").fontSize(15)
+        Image($r('app.media.icon_failed'))
+          .width(600)
+          .height(600)
+          .margin(15)
+          .overlay('png', { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
+          .interpolation(ImageInterpolation.Medium)
         Text("ImageKnife未开启抗锯齿").fontSize(15)
-        ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption1 }).width(600).height(600)
+        ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption1,imageSmoothingEnabled: false }).width(600).height(600)
         Text("Image未开启抗锯齿").fontSize(15)
         Image($r('app.media.icon_failed'))
           .width(600)

library/src/main/ets/components/imageknife/ImageKnifeComponent.ets

@@ -42,7 +42,8 @@ export struct ImageKnifeComponent {
   private startGifLoopTime: number = 0
   private endGifLoopTime: number = 0
   // 抗锯齿属性
-  private imageSmoothingQuality: ImageSmoothingQuality = 'low'
+  private imageSmoothingQuality: ImageSmoothingQuality = 'low';
+  private imageSmoothingEnabled: boolean = true;
   defaultLifeCycle: IDrawLifeCycle = {
 
     // 展示占位图
@@ -118,7 +119,7 @@ export struct ImageKnifeComponent {
       })
       .onReady(() => {
         let ctx = this.context;
-        ctx.imageSmoothingEnabled = true;
+        ctx.imageSmoothingEnabled = this.imageSmoothingEnabled;
         ctx.imageSmoothingQuality = this.imageSmoothingQuality;
         this.canvasHasReady = true;
         if (this.onReadyNext) {