抛出是否开启抗锯齿属性配置
Signed-off-by: liangdazhi <liangdazhi@h-partners.com>
This commit is contained in:
liangdazhi
parent
0686bdf757
commit
dcf18a3ce7
|
|
@ -1,6 +1,9 @@
|
||||||
|
## 2.1.2-rc.4
|
||||||
|
- canvas新增抗锯齿
|
||||||
|
|
||||||
|
|
||||||
## 2.1.2-rc.3
|
## 2.1.2-rc.3
|
||||||
- svg图片解码改为imageSource解码
|
- svg图片解码改为imageSource解码
|
||||||
- canvas新增抗锯齿
|
|
||||||
|
|
||||||
|
|
||||||
## 2.1.2-rc.2
|
## 2.1.2-rc.2
|
||||||
|
|
|
||||||
53
README.md
53
README.md
|
|
@ -107,32 +107,33 @@ imageKnifeOption = {
|
||||||
|
|
||||||
### ImageKnifeOption参数列表
|
### ImageKnifeOption参数列表
|
||||||
|
|
||||||
| 参数名称 | 入参内容 | 功能简介 |
|
| 参数名称 | 入参内容 | 功能简介 |
|
||||||
| ---------------------------- | ------------------------------------------------------------ | ----------------------------------- |
|
| ---------------------------- | ------------------------------------------------------------ |-----------------------------------------------|
|
||||||
| loadSrc | string\|PixelMap\|Resource | 图片数据源 |
|
| loadSrc | string\| PixelMap\ |Resource | 图片数据源 |
|
||||||
| mainScaleType | ScaleType | 设置主图展示样式（可选） |
|
| mainScaleType | ScaleType | 设置主图展示样式（可选） |
|
||||||
| strategy | DiskStrategy | 设置磁盘缓存策略（可选） |
|
| strategy | DiskStrategy | 设置磁盘缓存策略（可选） |
|
||||||
| dontAnimateFlag | boolean | gif加载展示一帧（可选） |
|
| dontAnimateFlag | boolean | gif加载展示一帧（可选） |
|
||||||
| placeholderSrc | PixelMap\|Resource | 占位图数据源 |
|
| placeholderSrc | PixelMap\| Resource | 占位图数据源 |
|
||||||
| placeholderScaleType | ScaleType | 设置占位图展示样式（可选） |
|
| placeholderScaleType | ScaleType | 设置占位图展示样式（可选） |
|
||||||
| errorholderSrc | PixelMap\|Resource | 错误占位图数据源 |
|
| errorholderSrc | PixelMap\| Resource | 错误占位图数据源 |
|
||||||
| errorholderSrcScaleType | ScaleType | 设置失败占位图展示样式（可选） |
|
| errorholderSrcScaleType | ScaleType | 设置失败占位图展示样式（可选） |
|
||||||
| retryholderSrc | PixelMap\|Resource | 重试占位图数据源 |
|
| retryholderSrc | PixelMap\| Resource | 重试占位图数据源 |
|
||||||
| retryholderScaleType | ScaleType | 设置重试占位图展示样式（可选） |
|
| retryholderScaleType | ScaleType | 设置重试占位图展示样式（可选） |
|
||||||
| thumbSizeMultiplier | number 范围(0,1] | 设置缩略图占比（可选） |
|
| thumbSizeMultiplier | number 范围(0,1] | 设置缩略图占比（可选） |
|
||||||
| thumbSizeDelay | number | 设置缩略图展示时间（可选） |
|
| thumbSizeDelay | number | 设置缩略图展示时间（可选） |
|
||||||
| thumbSizeMultiplierScaleType | ScaleType | 设置缩略图展示样式（可选） |
|
| thumbSizeMultiplierScaleType | ScaleType | 设置缩略图展示样式（可选） |
|
||||||
| displayProgress | boolean | 设置是否展示下载进度条（可选） |
|
| displayProgress | boolean | 设置是否展示下载进度条（可选） |
|
||||||
| canRetryClick | boolean | 设置重试图层是否点击重试（可选） |
|
| canRetryClick | boolean | 设置重试图层是否点击重试（可选） |
|
||||||
| onlyRetrieveFromCache | boolean | 仅使用缓存加载数据（可选） |
|
| onlyRetrieveFromCache | boolean | 仅使用缓存加载数据（可选） |
|
||||||
| isCacheable | boolean | 是否开启一级内存缓存（可选） |
|
| isCacheable | boolean | 是否开启一级内存缓存（可选） |
|
||||||
| gif | {<br/> // 返回一周期动画gif消耗的时间<br/> loopFinish?: (loopTime?) => void<br/> // gif播放速率相关<br/> speedFactory?: number<br/> // 直接展示gif第几帧数据<br/> seekTo?: number<br/> } | GIF播放控制能力（可选） |
|
| gif | {<br/> // 返回一周期动画gif消耗的时间<br/> loopFinish?: (loopTime?) => void<br/> // gif播放速率相关<br/> speedFactory?: number<br/> // 直接展示gif第几帧数据<br/> seekTo?: number<br/> } | GIF播放控制能力（可选） |
|
||||||
| transformation | BaseTransform<PixelMap> | 单个变换（可选） |
|
| transformation | BaseTransform<PixelMap> | 单个变换（可选） |
|
||||||
| transformations | Array<BaseTransform<PixelMap>> | 多个变换,目前仅支持单个变换（可选） |
|
| transformations | Array<BaseTransform<PixelMap>> | 多个变换,目前仅支持单个变换（可选） |
|
||||||
| allCacheInfoCallback | IAllCacheInfoCallback | 输出缓存相关内容和信息（可选） |
|
| allCacheInfoCallback | IAllCacheInfoCallback | 输出缓存相关内容和信息（可选） |
|
||||||
| signature | ObjectKey | 自定key（可选） |
|
| signature | ObjectKey | 自定key（可选） |
|
||||||
| **drawLifeCycle** | **IDrawLifeCycle** | **用户自定义实现绘制方案（可选）** |
|
| **drawLifeCycle** | **IDrawLifeCycle** | **用户自定义实现绘制方案（可选）** |
|
||||||
| imageSmoothingQuality | AntiAliasing | 抗锯齿属性配置 |
|
| imageSmoothingEnabled | boolean | 抗锯齿是否开启属性配置，设置为false时，imageSmoothingQuality失效 |
|
||||||
|
| imageSmoothingQuality | AntiAliasing | 抗锯齿属性配置 |
|
||||||
|
|
||||||
其他参数只需要在ImageKnifeOption对象上按需添加即可。
|
其他参数只需要在ImageKnifeOption对象上按需添加即可。
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -37,8 +37,17 @@ struct TestImageAntiAliasingWithPage {
|
||||||
.margin(15)
|
.margin(15)
|
||||||
.overlay('png', { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
|
.overlay('png', { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
|
||||||
.interpolation(ImageInterpolation.High)
|
.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)
|
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)
|
Text("Image未开启抗锯齿").fontSize(15)
|
||||||
Image($r('app.media.icon_failed'))
|
Image($r('app.media.icon_failed'))
|
||||||
.width(600)
|
.width(600)
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,8 @@ export struct ImageKnifeComponent {
|
||||||
private startGifLoopTime: number = 0
|
private startGifLoopTime: number = 0
|
||||||
private endGifLoopTime: number = 0
|
private endGifLoopTime: number = 0
|
||||||
// 抗锯齿属性
|
// 抗锯齿属性
|
||||||
private imageSmoothingQuality: ImageSmoothingQuality = 'low'
|
private imageSmoothingQuality: ImageSmoothingQuality = 'low';
|
||||||
|
private imageSmoothingEnabled: boolean = true;
|
||||||
defaultLifeCycle: IDrawLifeCycle = {
|
defaultLifeCycle: IDrawLifeCycle = {
|
||||||
|
|
||||||
// 展示占位图
|
// 展示占位图
|
||||||
|
|
@ -118,7 +119,7 @@ export struct ImageKnifeComponent {
|
||||||
})
|
})
|
||||||
.onReady(() => {
|
.onReady(() => {
|
||||||
let ctx = this.context;
|
let ctx = this.context;
|
||||||
ctx.imageSmoothingEnabled = true;
|
ctx.imageSmoothingEnabled = this.imageSmoothingEnabled;
|
||||||
ctx.imageSmoothingQuality = this.imageSmoothingQuality;
|
ctx.imageSmoothingQuality = this.imageSmoothingQuality;
|
||||||
this.canvasHasReady = true;
|
this.canvasHasReady = true;
|
||||||
if (this.onReadyNext) {
|
if (this.onReadyNext) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue