diff --git a/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/changelogs-arkui.md b/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/changelogs-arkui.md index f3f0f3e8ce660ae12101100275c4cf92025d5bfb..df97611e722e6fbc500c9f3dd9a0f66e78592ea8 100644 --- a/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/changelogs-arkui.md +++ b/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/changelogs-arkui.md @@ -121,4 +121,71 @@ struct DrawModifierExample { } } } -``` \ No newline at end of file +``` + +## cl.arkui.2 Canvas组件font属性支持自定义字体行为变更 + +**访问级别** + +公开接口 + +**变更原因** + +增强基础能力,Canvas组件的font属性支持设置自定义字体。 + +**变更影响** + +此变更涉及应用适配。 + +变更前,Canvas组件的font属性设置自定义字体不生效,绘制字体显示为默认字体。 + +变更后,Canvas组件的font属性设置自定义字体生效,绘制字体显示为自定义字体。 + +```ts +import { text } from "@kit.ArkGraphics2D" + +// xxx.ets +@Entry +@Component +struct FontDemo { + private settings: RenderingContextSettings = new RenderingContextSettings(true) + private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings) + + build() { + Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { + Canvas(this.context) + .width('100%') + .height('100%') + .backgroundColor('rgb(213,213,213)') + .onReady(() => { + let fontCollection = text.FontCollection.getGlobalInstance(); + fontCollection.loadFontSync('HarmonyOS_Sans_Thin_Italic', $rawfile("HarmonyOS_Sans_Thin_Italic.ttf")) + this.context.font = "50px HarmonyOS_Sans_Thin_Italic" + this.context.fillText("Hello World", 20, 60) + }) + } + .width('100%') + .height('100%') + } +} +``` + +| 变更前 | 变更后 | +| :----------------------------------------: | :-------------------------------------: | +| ![](figures/canvasFontBefore.jpg) | ![](figures/canvasFontAfter.jpg) | + +**起始API Level** + +API 8 + +**变更发生版本** + +从OpenHarmony SDK 6.0.0.40开始。 + +**变更的接口/组件** + +Canvas组件font接口。 + +**适配指导** + +变更后,Canvas组件的font属性设置自定义字体生效。若需保持变更前的默认字体行为,可以取消设置自定义字体。 diff --git a/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/figures/canvasFontAfter.jpg b/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/figures/canvasFontAfter.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f22c7cda5fdb0689c99c36e15b555219858229a5 Binary files /dev/null and b/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/figures/canvasFontAfter.jpg differ diff --git a/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/figures/canvasFontBefore.jpg b/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/figures/canvasFontBefore.jpg new file mode 100644 index 0000000000000000000000000000000000000000..41ae9747144260f00557f61fe9c012d5c34225d3 Binary files /dev/null and b/zh-cn/release-notes/changelogs/OpenHarmony_6.0.0.40/figures/canvasFontBefore.jpg differ