diff --git a/api/@internal/ets/global.d.ts b/api/@internal/ets/global.d.ts
index c3309811d..a9a19e993 100644
--- a/api/@internal/ets/global.d.ts
+++ b/api/@internal/ets/global.d.ts
@@ -38,6 +38,15 @@ import { TouchObject, KeyEvent, MouseEvent } from 'SpecialEvent';
  * @since 10
  * @form
  */
+/**
+ * Defines the console info.
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ * @form
+ */
 export declare class console {
   /**
    * Prints "debug" logs.
@@ -66,6 +75,17 @@ export declare class console {
    * @since 10
    * @form
    */
+  /**
+   * Prints "debug" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   static debug(message: string, ...arguments: any[]): void;
 
   /**
@@ -95,6 +115,17 @@ export declare class console {
    * @since 10
    * @form
    */
+  /**
+   * Prints "log" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   static log(message: string, ...arguments: any[]): void;
 
   /**
@@ -124,6 +155,17 @@ export declare class console {
    * @since 10
    * @form
    */
+  /**
+   * Prints "info" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   static info(message: string, ...arguments: any[]): void;
 
   /**
@@ -153,6 +195,17 @@ export declare class console {
    * @since 10
    * @form
    */
+  /**
+   * Prints "warn" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   static warn(message: string, ...arguments: any[]): void;
 
   /**
@@ -182,6 +235,17 @@ export declare class console {
    * @since 10
    * @form
    */
+  /**
+   * Prints "error" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   static error(message: string, ...arguments: any[]): void;
 
   /**
@@ -362,6 +426,20 @@ export declare class console {
  * @crossplatform
  * @since 10
  */
+/**
+ * Sets the interval for repeatedly calling a function.
+ *
+ * @param { Function | string } handler - Indicates the function to be called after the timer goes off.
+ * For devices of "tv", "phone, tablet", and "wearable" types, this parameter can be a function or string.
+ * For devices of "lite wearable" and "smartVision" types, this parameter must be a function.
+ * @param { number } delay - Indicates the interval between each two calls, in milliseconds. The function will be called after this delay.
+ * @param { any[] } arguments - Indicates additional arguments to pass to "handler" when the timer goes off.
+ * @returns { number } Returns the timer ID.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 export declare function setInterval(handler: Function | string, delay: number, ...arguments: any[]): number;
 
 /**
@@ -391,6 +469,21 @@ export declare function setInterval(handler: Function | string, delay: number, .
  * @crossplatform
  * @since 10
  */
+/**
+ * Sets a timer after which a function will be executed.
+ *
+ * @param { Function | string } handler - Indicates the function to be called after the timer goes off.
+ * For devices of "tv", "phone, tablet", and "wearable" types, this parameter can be a function or string.
+ * For devices of "lite wearable" and "smartVision" types, this parameter must be a function.
+ * @param { number } [delay] - Indicates the delay (in milliseconds) after which the function will be called.
+ * If this parameter is left empty, default value "0" will be used, which means that the function will be called immediately or as soon as possible.
+ * @param { any[] } [arguments] - Indicates additional arguments to pass to "handler" when the timer goes off.
+ * @returns { number } Returns the timer ID.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 export declare function setTimeout(handler: Function | string, delay?: number, ...arguments: any[]): number;
 
 /**
@@ -408,6 +501,15 @@ export declare function setTimeout(handler: Function | string, delay?: number, .
  * @crossplatform
  * @since 10
  */
+/**
+ * Cancel the interval set by " setInterval()".
+ *
+ * @param { number } [intervalID] - Indicates the timer ID returned by "setInterval()".
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 export declare function clearInterval(intervalID?: number): void;
 
 /**
@@ -425,6 +527,15 @@ export declare function clearInterval(intervalID?: number): void;
  * @crossplatform
  * @since 10
  */
+/**
+ * Cancel the timer set by "setTimeout()".
+ *
+ * @param { number } [timeoutID] - Indicates the timer ID returned by "setTimeout()".
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 export declare function clearTimeout(timeoutID?: number): void;
 
 /**
@@ -444,6 +555,16 @@ export declare function clearTimeout(timeoutID?: number): void;
  * @crossplatform
  * @since 10
  */
+/**
+ * Defining syscap function.
+ *
+ * @param { string } syscap
+ * @returns { boolean }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 export declare function canIUse(syscap: string): boolean;
 
 /**
@@ -465,6 +586,17 @@ export declare function canIUse(syscap: string): boolean;
  * @since 10
  * @test
  */
+/**
+ * Obtains all attributes of the component with the specified ID.
+ *
+ * @param { string } id - ID of the component whose attributes are to be obtained.
+ * @returns { string }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ * @test
+ */
 export declare function getInspectorByKey(id: string): string;
 
 /**
@@ -484,6 +616,16 @@ export declare function getInspectorByKey(id: string): string;
  * @since 10
  * @test
  */
+/**
+ * Get components tree.
+ *
+ * @returns { Object }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ * @test
+ */
 export declare function getInspectorTree(): Object;
 
 /**
@@ -509,6 +651,19 @@ export declare function getInspectorTree(): Object;
  * @since 10
  * @test
  */
+/**
+ * Sends an event to the component with the specified ID.
+ *
+ * @param { string } id - ID of the component for which the event is to be sent.
+ * @param { number } action - Type of the event to be sent. The options are as follows: Click event: 10 LongClick: 11.
+ * @param { string } params - Event parameters. If there is no parameter, pass an empty string "".
+ * @returns { boolean }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ * @test
+ */
 export declare function sendEventByKey(id: string, action: number, params: string): boolean;
 
 /**
@@ -530,6 +685,17 @@ export declare function sendEventByKey(id: string, action: number, params: strin
  * @since 10
  * @test
  */
+/**
+ * Send touch event.
+ *
+ * @param { TouchObject } event - TouchObject to be sent.
+ * @returns { boolean }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ * @test
+ */
 export declare function sendTouchEvent(event: TouchObject): boolean;
 
 /**
@@ -551,6 +717,17 @@ export declare function sendTouchEvent(event: TouchObject): boolean;
  * @since 10
  * @test
  */
+/**
+ * Send key event.
+ *
+ * @param { KeyEvent } event - KeyEvent to be sent.
+ * @returns { boolean }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ * @test
+ */
 export declare function sendKeyEvent(event: KeyEvent): boolean;
 
 /**
@@ -572,6 +749,17 @@ export declare function sendKeyEvent(event: KeyEvent): boolean;
  * @since 10
  * @test
  */
+/**
+ * Send mouse event.
+ *
+ * @param { MouseEvent } event - MouseEvent to be sent.
+ * @returns { boolean }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ * @test
+ */
 export declare function sendMouseEvent(event: MouseEvent): boolean;
 
  /**
diff --git a/api/@ohos.animator.d.ts b/api/@ohos.animator.d.ts
index 08ab11050..3a8ffbdb6 100644
--- a/api/@ohos.animator.d.ts
+++ b/api/@ohos.animator.d.ts
@@ -26,6 +26,14 @@
  * @crossplatform
  * @since 10
  */
+/**
+ * Defines the animator options.
+ * @interface AnimatorOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 export interface AnimatorOptions {
   /**
    * Duration of the animation, in milliseconds.
@@ -42,6 +50,15 @@ export interface AnimatorOptions {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Duration of the animation, in milliseconds.
+   * The default value is 0.
+   * @type {number}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   duration: number;
 
   /**
@@ -89,6 +106,30 @@ export interface AnimatorOptions {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Time curve of the animation. For details about the supported types.
+   * linear The animation speed keeps unchanged.
+   * ease The animation starts and ends at a low speed, cubic-bezier(0.25, 0.1, 0.25, 1.0).
+   * ease-in The animation starts at a low speed, cubic-bezier(0.42, 0.0, 1.0, 1.0).
+   * ease-out The animation ends at a low speed, cubic-bezier(0.0, 0.0, 0.58, 1.0).
+   * ease-in-out The animation starts and ends at a low speed, cubic-bezier(0.42, 0.0, 0.58, 1.0).
+   * fast-out-slow-in Standard curve, cubic-bezier(0.4, 0.0, 0.2, 1.0).
+   * linear-out-slow-in Deceleration curve, cubic-bezier(0.0, 0.0, 0.2, 1.0).
+   * fast-out-linear-in Acceleration curve, cubic-bezier(0.4, 0.0, 1.0, 1.0).
+   * friction Damping curve, cubic-bezier(0.2, 0.0, 0.2, 1.0).
+   * extreme-deceleration Extreme deceleration curve, cubic-bezier(0.0, 0.0, 0.0, 1.0).
+   * sharp Sharp curve, cubic-bezier(0.33, 0.0, 0.67, 1.0).
+   * rhythm Rhythm curve, cubic-bezier(0.7, 0.0, 0.2, 1.0).
+   * smooth Smooth curve, cubic-bezier(0.4, 0.0, 0.4, 1.0).
+   * cubic-bezier(x1, y1, x2, y2) You can customize an animation speed curve in the cubic-bezier() function. The x and y values of each input parameter must be between 0 and 1.
+   * Step curve. The number must be set and only an integer is supported, step-position is optional. It can be set to start or end. The default value is end.
+   * The default value is ease.
+   * @type {string}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   easing: string;
 
   /**
@@ -106,6 +147,15 @@ export interface AnimatorOptions {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Delay for the animation start. The default value indicates no delay.
+   * The default value is 0.
+   * @type {number}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   delay: number;
 
   /**
@@ -125,6 +175,16 @@ export interface AnimatorOptions {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Whether to resume to the initial state after the animation is executed.
+   * none: The initial state is restored after the animation is executed.
+   * forwards: The state at the end of the animation (defined in the last key frame) is retained after the animation is executed.
+   * @type {"none" | "forwards" | "backwards" | "both"}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   fill: "none" | "forwards" | "backwards" | "both";
 
   /**
@@ -142,6 +202,15 @@ export interface AnimatorOptions {
    * @crossplatform
    * @since 10
    */
+  /**
+   * The animation playback mode.
+   * The default value is "normal".
+   * @type {"normal" | "reverse" | "alternate" | "alternate-reverse"}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   direction: "normal" | "reverse" | "alternate" | "alternate-reverse";
 
   /**
@@ -159,6 +228,15 @@ export interface AnimatorOptions {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Number of times the animation will be played. number indicates a fixed number of playback operations, and -1 an unlimited number of playback operations.
+   * The default value is 1.
+   * @type {number}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   iterations: number;
 
   /**
@@ -176,6 +254,15 @@ export interface AnimatorOptions {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Starting point of animator interpolation.
+   * The default value is 0.
+   * @type {number}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   begin: number;
 
   /**
@@ -193,6 +280,15 @@ export interface AnimatorOptions {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Ending point of Dynamic Interpolation
+   * The default value is 1.
+   * @type {number}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   end: number;
 }
 
@@ -209,6 +305,14 @@ export interface AnimatorOptions {
  * @crossplatform
  * @since 10
  */
+/**
+ * Defines the Animator result interface.
+ * @interface AnimatorResult
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 export interface AnimatorResult {
   /**
    * Update the options for current animator.
@@ -237,6 +341,16 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Reset the options for current animator.
+   * @param { AnimatorOptions } options - Options.
+   * @throws { BusinessError } 401 - if the type of the parameter 1 is not object.
+   * @throws { BusinessError } 100001 - if no page is found for pageId or fail to get object property list.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   reset(options: AnimatorOptions): void;
 
   /**
@@ -250,6 +364,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Starts the animation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   play(): void;
 
   /**
@@ -263,6 +384,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Ends the animation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   finish(): void;
 
   /**
@@ -276,6 +404,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Pauses the animation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   pause(): void;
 
   /**
@@ -289,6 +424,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Cancels the animation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   cancel(): void;
 
   /**
@@ -302,6 +444,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Plays the animation in reverse direction.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   reverse(): void;
 
   /**
@@ -315,6 +464,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Trigger when vsync callback.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   onframe: (progress: number) => void;
 
   /**
@@ -328,6 +484,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * The animation is finished.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   onfinish: () => void;
 
   /**
@@ -341,6 +504,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * The animation is canceled.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   oncancel: () => void;
 
   /**
@@ -354,6 +524,13 @@ export interface AnimatorResult {
    * @crossplatform
    * @since 10
    */
+  /**
+   * The animation is repeated.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   onrepeat: () => void;
 }
 
@@ -368,6 +545,13 @@ export interface AnimatorResult {
  * @crossplatform
  * @since 10
  */
+/**
+ * Defines the Animator class.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 export default class Animator {
   /**
    * Create an animator object for custom animation.
@@ -397,5 +581,15 @@ export default class Animator {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Create an animator object for custom animation.
+   * @param { AnimatorOptions } options - Options.
+   * @returns { AnimatorResult } animator result
+   * @throws { BusinessError } 401 - if parameter error.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   static create(options: AnimatorOptions): AnimatorResult;
 }
diff --git a/api/@ohos.arkui.advanced.Filter.d.ets b/api/@ohos.arkui.advanced.Filter.d.ets
index d8263fff6..7f484e9c5 100644
--- a/api/@ohos.arkui.advanced.Filter.d.ets
+++ b/api/@ohos.arkui.advanced.Filter.d.ets
@@ -23,6 +23,13 @@ import { ResourceStr } from 'GlobalResource';
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare FilterType
+ * @enum { FilterType }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare enum FilterType {
     MULTI_LINE_FILTER = 0,
     LIST_FILTER = 1
@@ -33,6 +40,12 @@ export declare enum FilterType {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * This parameter is used to define the input of each filtering dimension.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class FilterParams {
     /**
      * filter item name.
@@ -40,6 +53,13 @@ export declare class FilterParams {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * filter item name.
+     * type { ResourceStr }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     name: ResourceStr;
     /**
      * filter options.
@@ -47,6 +67,13 @@ export declare class FilterParams {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * filter options.
+     * type { Array<ResourceStr> }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     options: Array<ResourceStr>;
 }
 
@@ -56,6 +83,13 @@ export declare class FilterParams {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * This parameter specifies the selection result of a filtering dimension.
+ * The index starts from 0.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class FilterResult {
     /**
      * result name.
@@ -63,6 +97,13 @@ export declare class FilterResult {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * result name.
+     * @type { ResourceStr }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     name: ResourceStr;
     /**
      * result index.
@@ -70,6 +111,13 @@ export declare class FilterResult {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * result index.
+     * @type { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     index: number;
     /**
      * result value.
@@ -77,6 +125,13 @@ export declare class FilterResult {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * result value.
+     * @type { ResourceStr }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     value: ResourceStr;
 }
 
@@ -85,6 +140,12 @@ export declare class FilterResult {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare Filter.The Filter is used in scenarios where multi-dimensional filtering is required.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 @Component
 export declare struct Filter {
     /**
@@ -92,6 +153,12 @@ export declare struct Filter {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Container in the user-defined filtering result display area.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     @BuilderParam container: () => void;
 
     /**
@@ -100,6 +167,13 @@ export declare struct Filter {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Multi-dimensional filtering parameters.
+     * @type { Array<FilterParams> }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     @Prop multiFilters: Array<FilterParams>;
 
     /**
@@ -108,6 +182,13 @@ export declare struct Filter {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * FilterParams, Additional filter item parameter. The filter item name is displayed and can be deselected.
+     * @type { FilterParams }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     @Prop additionFilters?: FilterParams;
 
     /**
@@ -116,6 +197,13 @@ export declare struct Filter {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * FilterParams, Callback method after a user clicks a filter item.
+     * @param {filterType} FilterType, Filter display style type.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     onFilterChanged: (filterResults: Array<FilterResult>) => void;
 
     /**
@@ -124,5 +212,12 @@ export declare struct Filter {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * FilterType, Filter display style type.
+     * @type { FilterType }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     @Prop filterType?: FilterType;
 }
\ No newline at end of file
diff --git a/api/@ohos.arkui.advanced.ProgressButton.d.ets b/api/@ohos.arkui.advanced.ProgressButton.d.ets
index 7256e5152..2c78a45fb 100644
--- a/api/@ohos.arkui.advanced.ProgressButton.d.ets
+++ b/api/@ohos.arkui.advanced.ProgressButton.d.ets
@@ -18,6 +18,12 @@
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare Component ProgressButton
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 @Component
 export declare struct ProgressButton {
   /**
@@ -26,6 +32,13 @@ export declare struct ProgressButton {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Sets the ProgressButton progress.
+   * @type { number }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop progress: number;
 
   /**
@@ -34,6 +47,13 @@ export declare struct ProgressButton {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Sets the ProgressButton content.
+   * @type { string }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop content: string;
 
   /**
@@ -42,12 +62,24 @@ export declare struct ProgressButton {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Sets the ProgressButton progressButtonWidth.
+   * @type { Length }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   progressButtonWidth?: Length;
 
   /**
    * Sets the ProgressButton clickCallback.
    * @since 10
    */
+  /**
+   * Sets the ProgressButton clickCallback.
+   * @atomicservice
+   * @since 11
+   */
   clickCallback: () => void;
 
   /**
@@ -56,5 +88,12 @@ export declare struct ProgressButton {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Sets the ProgressButton enable state.
+   * @type { boolean }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop enable: boolean;
 }
\ No newline at end of file
diff --git a/api/@ohos.arkui.advanced.SplitLayout.d.ets b/api/@ohos.arkui.advanced.SplitLayout.d.ets
index e01c5f6f5..5c58738cd 100644
--- a/api/@ohos.arkui.advanced.SplitLayout.d.ets
+++ b/api/@ohos.arkui.advanced.SplitLayout.d.ets
@@ -22,12 +22,24 @@ import { ResourceStr } from 'GlobalResource';
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare SplitLayout.The SplitLayout is used for upper and lower graphic layouts.
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 @Component
 export declare struct SplitLayout {
   /**
    * Container in the user-defined splitlayout display area.
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
+   */
+  /**
+   * Container in the user-defined splitlayout display area.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
    */
     @BuilderParam container: () => void;
 
@@ -37,6 +49,13 @@ export declare struct SplitLayout {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Image in the layout.
+   * @type { ResourceStr }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @State mainImage: ResourceStr;
 
   /**
@@ -45,6 +64,13 @@ export declare struct SplitLayout {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Title text in the layout.
+   * @type { ResourceStr }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop primaryText: ResourceStr;
 
   /**
@@ -53,6 +79,13 @@ export declare struct SplitLayout {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Description text in the layout.
+   * @type { ResourceStr }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop secondaryText?: ResourceStr;
 
   /**
@@ -61,5 +94,12 @@ export declare struct SplitLayout {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Auxiliary text in the layout.
+   * @type { ResourceStr }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop tertiaryText?: ResourceStr;
 }
\ No newline at end of file
diff --git a/api/@ohos.arkui.advanced.SubHeader.d.ets b/api/@ohos.arkui.advanced.SubHeader.d.ets
index 41eba960a..3ec329030 100644
--- a/api/@ohos.arkui.advanced.SubHeader.d.ets
+++ b/api/@ohos.arkui.advanced.SubHeader.d.ets
@@ -23,12 +23,25 @@ import { ResourceStr } from 'GlobalResource';
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Control style of operation element
+ * @enum { OperationStyle }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare enum OperationType {
   /**
    * The TextArrow style.
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * The TextArrow style.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   TEXT_ARROW = 0,
 
   /**
@@ -36,6 +49,12 @@ export declare enum OperationType {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * The Button style.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   BUTTON = 1,
 
   /**
@@ -43,6 +62,12 @@ export declare enum OperationType {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * The IconGroup style.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   ICON_GROUP = 2,
 
   /**
@@ -50,6 +75,12 @@ export declare enum OperationType {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * The LoadingProgress style.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   LOADING = 3
 }
 
@@ -58,12 +89,24 @@ export declare enum OperationType {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare type OperationOption
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class OperationOption {
   /**
    * The content of text or the address of icon.
    * @type { ResourceStr }.
    * @since 10
    */
+  /**
+   * The content of text or the address of icon.
+   * @type { ResourceStr }.
+   * @atomicservice
+   * @since 11
+   */
   value: ResourceStr;
 
   /**
@@ -71,6 +114,12 @@ export declare class OperationOption {
    * @type { () => void }.
    * @since 10
    */
+  /**
+   * callback function when operate the text or icon.
+   * @type { () => void }.
+   * @atomicservice
+   * @since 11
+   */
   action?: () => void;
 }
 
@@ -79,12 +128,24 @@ export declare class OperationOption {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare type SelectOption
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class SelectOptions {
   /**
    * SubOption array of the select.
    * @type { Array<SelectSubOption> }.
    * @since 10
    */
+  /**
+   * SubOption array of the select.
+   * @type { Array<SelectSubOption> }.
+   * @atomicservice
+   * @since 11
+   */
   options: Array<SelectOption>;
 
   /**
@@ -92,6 +153,12 @@ export declare class SelectOptions {
    * @type { number }.
    * @since 10
    */
+  /**
+   * The default selected index.
+   * @type { number }.
+   * @atomicservice
+   * @since 11
+   */
   selected?: number;
   
   /**
@@ -99,6 +166,12 @@ export declare class SelectOptions {
    * @type { string }.
    * @since 10
    */
+  /**
+   * The default text value.
+   * @type { string }.
+   * @atomicservice
+   * @since 11
+   */
   value?: string;
 
  /**
@@ -106,6 +179,12 @@ export declare class SelectOptions {
   * @type { (index: number, value?: string) => void }.
   * @since 10
   */
+ /**
+  * Callback when the select is selected.
+  * @type { (index: number, value?: string) => void }.
+  * @atomicservice
+  * @since 11
+  */
   onSelect?: (index: number, value?: string) => void;
 }
 
@@ -114,6 +193,12 @@ export declare class SelectOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare struct SubHeader
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 @Component
 export declare struct SubHeader {
 
@@ -123,6 +208,13 @@ export declare struct SubHeader {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Icon resource of content area.
+   * @type { ResourceStr }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop icon?: ResourceStr;
 
   /**
@@ -131,6 +223,13 @@ export declare struct SubHeader {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * The first line text of content area.
+   * @type { ResourceStr }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop primaryTitle?: ResourceStr;
 
   /**
@@ -139,6 +238,13 @@ export declare struct SubHeader {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * The secondary line text of content area.
+   * @type { ResourceStr }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop secondaryTitle?: ResourceStr;
 
   /**
@@ -147,6 +253,13 @@ export declare struct SubHeader {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Select option of content area.
+   * @type { SelectOptions }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   select?: SelectOptions;
 
   /**
@@ -155,6 +268,13 @@ export declare struct SubHeader {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Operation style of SubHeader.
+   * @type { OperationStyle }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop operationType?: OperationType;
 
   /**
@@ -163,5 +283,12 @@ export declare struct SubHeader {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * operation item.
+   * @type { Array<OperationOption> }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   operationItem?: Array<OperationOption>;
 }
\ No newline at end of file
diff --git a/api/@ohos.arkui.advanced.ToolBar.d.ets b/api/@ohos.arkui.advanced.ToolBar.d.ets
index e1800f9df..fefdde830 100644
--- a/api/@ohos.arkui.advanced.ToolBar.d.ets
+++ b/api/@ohos.arkui.advanced.ToolBar.d.ets
@@ -23,24 +23,49 @@ import { ResourceStr } from 'GlobalResource';
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare enum ItemState
+ * @enum { ItemState }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare enum ItemState {
   /**
    * Enable type.
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Enable type.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   ENABLE = 1,
   /**
    * Disable type.
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Disable type.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   DISABLE = 2,
   /**
    * Activate type.
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Activate type.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   ACTIVATE = 3
 }
 
@@ -49,6 +74,12 @@ export declare enum ItemState {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare type ToolBarOption
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 @Observed
 export declare class ToolBarOption {
   /**
@@ -56,23 +87,46 @@ export declare class ToolBarOption {
   * @type { ResourceStr }.
   * @since 10
   */
+  /**
+  * Define text content.
+  * @type { ResourceStr }.
+  * @atomicservice
+  * @since 11
+  */
   content: ResourceStr;
   /**
    * Define the action event.
    * @since 10
    */
+  /**
+   * Define the action event.
+   * @atomicservice
+   * @since 11
+   */
   action?: () => void;
   /**
    * Define icon resource.
    * @type { Resource }.
    * @since 10
    */
+  /**
+   * Define icon resource.
+   * @type { Resource }.
+   * @atomicservice
+   * @since 11
+   */
   icon?: Resource;
   /**
    * Define item type.
    * @type { Resource }.
    * @since 10
    */
+  /**
+   * Define item type.
+   * @type { Resource }.
+   * @atomicservice
+   * @since 11
+   */
   state?: ItemState;
 }
 
@@ -81,6 +135,12 @@ export declare class ToolBarOption {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare ToolBarOptions use in ToolBar
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 @Observed
 export declare class ToolBarOptions extends Array<ToolBarOption> {
 }
@@ -90,6 +150,12 @@ export declare class ToolBarOptions extends Array<ToolBarOption> {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare Component ToolBar
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 @Component
 export declare struct ToolBar {
   /**
@@ -98,6 +164,13 @@ export declare struct ToolBar {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Define toolbar list array.
+   * @type { ToolBarOptions }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @ObjectLink toolBarList: ToolBarOptions;
   /**
    * Define toolbar activate item index, default is -1.
@@ -105,6 +178,13 @@ export declare struct ToolBar {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Define toolbar activate item index, default is -1.
+   * @type { number }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   @Prop activateIndex?: number;
   /**
    * Define toolbar controller.
@@ -112,5 +192,12 @@ export declare struct ToolBar {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 10
    */
+  /**
+   * Define toolbar controller.
+   * @type { TabsController }.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   controller: TabsController;
 }
\ No newline at end of file
diff --git a/api/@ohos.arkui.advanced.TreeView.d.ets b/api/@ohos.arkui.advanced.TreeView.d.ets
index f8f8e63e7..cfcc45ad7 100644
--- a/api/@ohos.arkui.advanced.TreeView.d.ets
+++ b/api/@ohos.arkui.advanced.TreeView.d.ets
@@ -23,36 +23,73 @@ import { ResourceStr } from 'GlobalResource';
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Control style of operation element
+ * @enum { TreeListenType }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare enum TreeListenType {
     /**
      * register listener after a node is clicked.
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * register listener after a node is clicked.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     NODE_CLICK = "NodeClick",
     /**
      * register listener after a node is add.
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * register listener after a node is add.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     NODE_ADD = "NodeAdd",
     /**
      * register listener after a node is delected.
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * register listener after a node is delected.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     NODE_DELETE = "NodeDelete",
     /**
      * register listener after a node is modified.
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * register listener after a node is modified.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     NODE_MODIFY = "NodeModify",
     /**
      * register listener after a node is moved.
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * register listener after a node is moved.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     NODE_MOVE = "NodeMove",
 }
 
@@ -61,6 +98,12 @@ export declare enum TreeListenType {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare class TreeListener
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class TreeListener {
     /**
      * Event registration and processing.
@@ -71,6 +114,16 @@ export declare class TreeListener {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Event registration and processing.
+     * The event will not be destroyed after being processed.
+     *
+     * @param { type } event Registered Events.
+     * @param callback.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     on(type: TreeListenType, callback: (callbackParam: CallbackParam) => void): void;
 
     /**
@@ -82,6 +135,16 @@ export declare class TreeListener {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Event registration and processing.
+     * After the event is processed once, it will be destroyed.
+     *
+     * @param { type } event Registered Events.
+     * @param callback.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     once(type: TreeListenType, callback: (callbackParam: CallbackParam) => void): void;
 
     /**
@@ -92,6 +155,15 @@ export declare class TreeListener {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Destroy event.
+     *
+     * @param { type } event Registered Events.
+     * @param callback.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     off(type: TreeListenType, callback?: (callbackParam: CallbackParam) => void): void;
 }
 
@@ -100,6 +172,12 @@ export declare class TreeListener {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare class TreeListenerManager
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class TreeListenerManager {
     /**
      * Get instance of treeListenerManager.
@@ -108,6 +186,14 @@ export declare class TreeListenerManager {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Get instance of treeListenerManager.
+     * @return treeListenerManager instance
+     * @static
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     static getInstance(): TreeListenerManager;
 
     /**
@@ -116,6 +202,13 @@ export declare class TreeListenerManager {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Get treeListener.
+     * @return treeListener object
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     getTreeListener(): TreeListener;
 }
 
@@ -132,6 +225,13 @@ export declare struct TreeView {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Node data source of TreeView.
+     * @type TreeController
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     treeController: TreeController;
 }
 
@@ -141,6 +241,13 @@ export declare struct TreeView {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare CallbackParam
+ * @typedef CallbackParam
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface CallbackParam {
     /**
      * Get the currentNodeId.
@@ -148,6 +255,13 @@ export interface CallbackParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Get the currentNodeId.
+     * @type { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     currentNodeId: number,
 
     /**
@@ -156,6 +270,13 @@ export interface CallbackParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Get the parentNodeId.
+     * @type { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     parentNodeId?: number,
 
     /**
@@ -164,6 +285,13 @@ export interface CallbackParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Get the childIndex.
+     * @type { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     childIndex?: number
 }
 
@@ -173,6 +301,13 @@ export interface CallbackParam {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare NodeParam
+ * @typedef NodeParam
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface NodeParam {
     /**
      * Set the parentNodeId.
@@ -180,6 +315,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Set the parentNodeId.
+     * @type { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     parentNodeId?: number,
 
     /**
@@ -188,6 +330,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Set currentNodeId.
+     * @type { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     currentNodeId?: number,
 
     /**
@@ -196,6 +345,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Set catalog whether is floder.
+     * @type { boolean }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     isFolder?: boolean;
 
     /**
@@ -204,6 +360,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Set the icon resource.
+     * @type { Resource }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     icon?: ResourceStr;
 
     /**
@@ -212,6 +375,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Set selected icon resource.
+     * @type { Resource }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     selectedIcon?: ResourceStr;
 
     /**
@@ -220,6 +390,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Set edit icon resource.
+     * @type { Resource }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     editIcon?: ResourceStr;
 
     /**
@@ -228,6 +405,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Set primary title content.
+     * @type { ResourceStr }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     primaryTitle?: ResourceStr;
 
     /**
@@ -236,6 +420,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Set secondary title content.
+     * @type { ResourceStr }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     secondaryTitle?: ResourceStr;
 
     /**
@@ -244,6 +435,13 @@ export interface NodeParam {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * set subcomponent binded on tree item.
+     * @type { () => void }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     container?: () => void;
 }
 
@@ -252,6 +450,12 @@ export interface NodeParam {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 10
  */
+/**
+ * Declare TreeController
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class TreeController {
     /**
      * Delete a node.
@@ -259,6 +463,13 @@ export declare class TreeController {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Delete a node.
+     * Register an ON_ITEM_DELETE callback through the ListTreeListener mechanism to obtain the IDs of all deleted nodes.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     removeNode(): void;
 
     /**
@@ -267,6 +478,13 @@ export declare class TreeController {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Modify the node name.
+     * Register an ON_ITEM_MODIFY callback to obtain the ID, parent node ID, and node name of the modified node.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     modifyNode(): void;
 
     /**
@@ -282,6 +500,20 @@ export declare class TreeController {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * Initialize the interface of the tree view. This interface is used to generate ListNodeDataSource data.
+     * addNode is only designed for initialization. It can only be invoked during initialization.
+     *
+     * A maximum of 50 directory levels can be added.
+     *
+     * @param nodeParam Configuration information of the newly added node.
+     *
+     * For details, see the comment description of NodeParam.
+     * @return ListTreeNode Tree view component proxy class.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     addNode(nodeParam?: NodeParam): TreeController;
 
     /**
@@ -294,6 +526,17 @@ export declare class TreeController {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * This interface is called when a secondaryTitle needs to be updated
+     *
+     * @param parentId ID of the parent node.
+     * @param parentSubTitle secondaryTitle of parent node.
+     * @param currentSubtitle secondaryTitle of current node.
+     *
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     refreshNode(parentId: number, parentSubTitle: ResourceStr, currentSubtitle: ResourceStr): void;
 
     /**
@@ -304,5 +547,14 @@ export declare class TreeController {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 10
      */
+    /**
+     * After the initialization is complete by calling the addNode interface,
+     * call this interface to complete initialization.
+     *
+     * This interface must be called when you finish initializing the ListTreeView by addNode.
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     buildDone(): void;
 }
\ No newline at end of file
diff --git a/api/@ohos.curves.d.ts b/api/@ohos.curves.d.ts
index 35f383c5d..d4cbfea64 100644
--- a/api/@ohos.curves.d.ts
+++ b/api/@ohos.curves.d.ts
@@ -28,6 +28,15 @@
  * @crossplatform
  * @since 10
  */
+/**
+ * Contains interpolator functions such as initialization, third-order Bezier curves, and spring curves.
+ *
+ * @namespace curves
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 declare namespace curves {
   /**
    * enum Curve.
@@ -44,6 +53,15 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * enum Curve.
+   *
+   * @enum { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   enum Curve {
     Linear,
     Ease,
@@ -75,6 +93,15 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Interface for curve object.
+   *
+   * @typedef ICurve
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   interface ICurve {
     /**
      * Get curve value by fraction.
@@ -93,6 +120,16 @@ declare namespace curves {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Get curve value by fraction.
+     *
+     * @param { number } fraction
+     * @returns { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     interpolate(fraction: number): number;
   }
 
@@ -113,6 +150,16 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Initializes the interpolator curve when called.
+   *
+   * @param { Curve } [curve]
+   * @returns { ICurve }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function initCurve(curve?: Curve): ICurve;
 
   /**
@@ -146,6 +193,17 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Constructs a step curve when called.
+   *
+   * @param { number } count
+   * @param { boolean } end
+   * @returns { ICurve }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function stepsCurve(count: number, end: boolean): ICurve;
 
   /**
@@ -157,6 +215,16 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Constructs a custom curve when called.
+   *
+   * @param { function } interpolate - fraction range is [0,1], the return number must between [0,1].
+   * @returns { ICurve }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function customCurve(interpolate: (fraction: number) => number): ICurve;
   
   /**
@@ -195,6 +263,19 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Constructs a third-order Bezier curve when called.
+   *
+   * @param { number } x1
+   * @param { number } y1
+   * @param { number } x2
+   * @param { number } y2
+   * @returns { ICurve }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function cubicBezierCurve(x1: number, y1: number, x2: number, y2: number): ICurve;
 
   /**
@@ -235,6 +316,19 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Constructs a spring curve when called.
+   *
+   * @param { number } velocity
+   * @param { number } mass
+   * @param { number } stiffness
+   * @param { number } damping
+   * @returns { ICurve }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function springCurve(velocity: number, mass: number, stiffness: number, damping: number): ICurve;
 
   /**
@@ -273,6 +367,18 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Constructs a spring motion when called.
+   *
+   * @param { number } [response]
+   * @param { number } [dampingFraction]
+   * @param { number } [overlapDuration]
+   * @returns { ICurve }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function springMotion(response?: number, dampingFraction?: number, overlapDuration?: number): ICurve;
 
   /**
@@ -296,6 +402,18 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Constructs a responsive spring motion when called.
+   *
+   * @param { number } [response]
+   * @param { number } [dampingFraction]
+   * @param { number } [overlapDuration]
+   * @returns { ICurve }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function responsiveSpringMotion(response?: number, dampingFraction?: number, overlapDuration?: number): ICurve;
 
   /**
@@ -312,6 +430,21 @@ declare namespace curves {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Constructs an interpolating spring curve when called, the animation duration can not be specified manually,
+   * and is determined by parameters of the curve. It produces values change from 0 to 1, and then uses interpolator
+   * to calculate the actual animation values.
+   *
+   * @param { number } velocity - the initial velocity of the spring, and is a normalized speed corresponding to the value changes from 0 to 1
+   * @param { number } mass - the mass of object in the mass-damper-spring system
+   * @param { number } stiffness - the stiffness of spring
+   * @param { number } damping - the damping value of spring
+   * @returns { ICurve }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function interpolatingSpring(velocity: number, mass: number, stiffness: number, damping: number): ICurve;
 }
 
diff --git a/api/@ohos.matrix4.d.ts b/api/@ohos.matrix4.d.ts
index 2b52ed4ce..e583caff5 100644
--- a/api/@ohos.matrix4.d.ts
+++ b/api/@ohos.matrix4.d.ts
@@ -28,6 +28,15 @@
  * @crossplatform
  * @since 10
  */
+/**
+ * Used to do matrix operations
+ *
+ * @namespace matrix4
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @crossplatform
+ * @atomicservice
+ * @since 11
+ */
 declare namespace matrix4 {
   /**
    * Set translation parameters
@@ -44,6 +53,15 @@ declare namespace matrix4 {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Set translation parameters
+   *
+   * @interface TranslateOption
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   interface TranslateOption {
     /**
      * Indicates the translation distance of the x-axis, in px.
@@ -60,6 +78,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Indicates the translation distance of the x-axis, in px.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     x?: number;
 
     /**
@@ -77,6 +104,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Indicates the translation distance of the y-axis, in px.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     y?: number;
 
     /**
@@ -94,6 +130,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Indicates the translation distance of the z-axis, in px.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     z?: number;
   }
 
@@ -112,6 +157,15 @@ declare namespace matrix4 {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Set scaling parameters
+   *
+   * @interface ScaleOption
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   interface ScaleOption {
     /**
      * Zoom factor of the x-axis.
@@ -128,6 +182,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Zoom factor of the x-axis.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     x?: number;
 
     /**
@@ -145,6 +208,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Zoom factor of the y-axis.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     y?: number;
 
     /**
@@ -162,6 +234,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Zoom factor of the z-axis.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     z?: number;
 
     /**
@@ -179,6 +260,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Transform the x-axis coordinate of the center point.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     centerX?: number;
 
     /**
@@ -196,6 +286,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Transform the y-axis coordinate of the center point.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     centerY?: number;
   }
 
@@ -214,6 +313,15 @@ declare namespace matrix4 {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Set Rotation Parameters.
+   *
+   * @interface RotateOption
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   interface RotateOption {
     /**
      * Axis of rotation vector x coordinate.
@@ -230,6 +338,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Axis of rotation vector x coordinate.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     x?: number;
 
     /**
@@ -247,6 +364,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Axis of rotation vector y coordinate.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     y?: number;
 
     /**
@@ -264,6 +390,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Axis of rotation vector z coordinate.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     z?: number;
 
     /**
@@ -281,6 +416,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Transform the x-axis coordinate of the center point.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     centerX?: number;
 
     /**
@@ -298,6 +442,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Transform the y-axis coordinate of the center point.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     centerY?: number;
 
     /**
@@ -315,6 +468,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Rotation angle.
+     *
+     * @type { ?number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     angle?: number;
   }
 
@@ -333,6 +495,15 @@ declare namespace matrix4 {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Matrix4Transit.
+   *
+   * @interface Matrix4Transit
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   interface Matrix4Transit {
     /**
      * Copy function of Matrix, which can copy a copy of the current matrix object.
@@ -349,6 +520,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Copy function of Matrix, which can copy a copy of the current matrix object.
+     *
+     * @returns { Matrix4Transit } Return to Matrix4Transit
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     copy(): Matrix4Transit;
 
     /**
@@ -366,6 +546,15 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * The inverse function of Matrix returns an inverse matrix of the current matrix object, that is, the effect is exactly the opposite.
+     *
+     * @returns { Matrix4Transit } Return to Matrix4Transit
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     invert(): Matrix4Transit;
 
     /**
@@ -385,6 +574,16 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Matrix superposition function, which can superpose the effects of two matrices to generate a new matrix object.
+     *
+     * @param { Matrix4Transit } options
+     * @returns { Matrix4Transit } Return to Matrix4Transit
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     combine(options: Matrix4Transit): Matrix4Transit;
 
     /**
@@ -404,6 +603,16 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Matrix translation function, which can add the x-axis, Y-axis, or Z-axis translation effect to the current matrix.
+     *
+     * @param { TranslateOption } options
+     * @returns { Matrix4Transit } Return to Matrix4Transit
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     translate(options: TranslateOption): Matrix4Transit;
 
     /**
@@ -423,6 +632,16 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Scaling function of the Matrix, which can add the x-axis, Y-axis, or Z-axis scaling effect to the current matrix.
+     *
+     * @param { ScaleOption } options
+     * @returns { Matrix4Transit } Return to Matrix4Transit
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     scale(options: ScaleOption): Matrix4Transit;
 
     /**
@@ -442,6 +661,16 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Rotation function of the Matrix. You can add the x-axis, Y-axis, or Z-axis rotation effect to the current matrix.
+     *
+     * @param { RotateOption } options
+     * @returns { Matrix4Transit } Return to Matrix4Transit
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     rotate(options: RotateOption): Matrix4Transit;
 
     /**
@@ -461,6 +690,16 @@ declare namespace matrix4 {
      * @crossplatform
      * @since 10
      */
+    /**
+     * Matrix coordinate point conversion function, which can apply the current transformation effect to a coordinate point.
+     *
+     * @param { [number, number] } options
+     * @returns { [number, number] } Return to Matrix4Transit
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @crossplatform
+     * @atomicservice
+     * @since 11
+     */
     transformPoint(options: [number, number]): [number, number];
   }
 
@@ -483,6 +722,17 @@ declare namespace matrix4 {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Constructor of Matrix, which can create a fourth-order matrix based on the input parameters. The matrix is column-first.
+   *
+   * @param { [number,number,number,number,number,number,number,number,number,number,number,number,number,number,number,number] } options
+   * options indicates a fourth-order matrix
+   * @returns { Matrix4Transit } Return to Matrix4Transit
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function init(
     options: [
       number,
@@ -519,6 +769,15 @@ declare namespace matrix4 {
    * @crossplatform
    * @since 10
    */
+  /**
+   * Matrix initialization function, which can return an identity matrix object.
+   *
+   * @returns { Matrix4Transit } Return to Matrix4Transit
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @crossplatform
+   * @atomicservice
+   * @since 11
+   */
   function identity(): Matrix4Transit;
 
   /**
diff --git a/api/@system.app.d.ts b/api/@system.app.d.ts
index 0b0ea38c1..d527a45be 100644
--- a/api/@system.app.d.ts
+++ b/api/@system.app.d.ts
@@ -65,6 +65,14 @@ export interface AppResponse {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the option of screenOnVisible interface.
+ *
+ * @interface ScreenOnVisibleOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ScreenOnVisibleOptions {
   /**
    * Whether to keep the application visible. The default value is false.
@@ -73,6 +81,14 @@ export interface ScreenOnVisibleOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Whether to keep the application visible. The default value is false.
+   *
+   * @type { ?boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   visible?: boolean;
 
   /**
@@ -82,6 +98,14 @@ export interface ScreenOnVisibleOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Called when the application always keeps visible.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   success?: () => void;
 
   /**
@@ -91,6 +115,14 @@ export interface ScreenOnVisibleOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Called when the application fails to keep visible.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fail?: (data: string, code: number) => void;
 
   /**
@@ -100,6 +132,14 @@ export interface ScreenOnVisibleOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Called when the execution is completed.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   complete?: () => void;
 }
 
@@ -110,6 +150,14 @@ export interface ScreenOnVisibleOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the option of RequestFullWindow interface.
+ *
+ * @interface RequestFullWindowOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface RequestFullWindowOptions {
   /**
    * Defines the number of animation options.
@@ -118,6 +166,14 @@ export interface RequestFullWindowOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Defines the number of animation options.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   duration: number;
 }
 
diff --git a/api/@system.mediaquery.d.ts b/api/@system.mediaquery.d.ts
index 8f1bb5a7b..17b9a8268 100644
--- a/api/@system.mediaquery.d.ts
+++ b/api/@system.mediaquery.d.ts
@@ -20,6 +20,14 @@
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the MediaQuery event.
+ *
+ * @interface MediaQueryEvent
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface MediaQueryEvent {
   /**
    * The result of match result.
@@ -28,6 +36,14 @@ export interface MediaQueryEvent {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * The result of match result.
+   *
+   * @type { boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   matches: boolean;
 }
 
@@ -38,6 +54,14 @@ export interface MediaQueryEvent {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the MediaQuery list info.
+ *
+ * @interface MediaQueryList
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface MediaQueryList {
   /**
    * Serialized media query condition.
@@ -47,6 +71,15 @@ export interface MediaQueryList {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Serialized media query condition.
+   * This parameter is read-only.
+   *
+   * @type { ?string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   media?: string;
 
   /**
@@ -57,6 +90,15 @@ export interface MediaQueryList {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
+   * This parameter is read-only.
+   *
+   * @type { ?boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   matches?: boolean;
 
   /**
@@ -66,6 +108,14 @@ export interface MediaQueryList {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Called when the matches value changes.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onchange?: (matches: boolean) => void;
 
   /**
@@ -76,6 +126,15 @@ export interface MediaQueryList {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Adds a listening function to MediaQueryList.
+   * The listening function must be added before onShow is called, that is, added to the onInit or onReady function.
+   *
+   * @param { function } callback
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   addListener(callback: (event: MediaQueryEvent) => void): void;
 
   /**
@@ -85,6 +144,14 @@ export interface MediaQueryList {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Removes a listening function from MediaQueryList.
+   *
+   * @param { function } callback
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   removeListener(callback: (event: MediaQueryEvent) => void): void;
 }
 
@@ -94,6 +161,13 @@ export interface MediaQueryList {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the mediaquery interface.
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export default class MediaQuery {
   /**
    * Queries a media item and returns a MediaQueryList object.
@@ -103,5 +177,14 @@ export default class MediaQuery {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Queries a media item and returns a MediaQueryList object.
+   *
+   * @param { string } condition
+   * @returns { MediaQueryList }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static matchMedia(condition: string): MediaQueryList;
 }
diff --git a/api/@system.prompt.d.ts b/api/@system.prompt.d.ts
index 7d3471773..df42c6057 100644
--- a/api/@system.prompt.d.ts
+++ b/api/@system.prompt.d.ts
@@ -114,6 +114,14 @@ export interface Button {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the response of ShowDialog.
+ *
+ * @interface ShowDialogSuccessResponse
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ShowDialogSuccessResponse {
   /**
    * Defines the index of data.
@@ -122,6 +130,14 @@ export interface ShowDialogSuccessResponse {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Defines the index of data.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   index: number;
 }
 
@@ -132,6 +148,14 @@ export interface ShowDialogSuccessResponse {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the option of show dialog.
+ *
+ * @interface ShowDialogOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ShowDialogOptions {
   /**
    * Title of the text to display.
@@ -140,6 +164,14 @@ export interface ShowDialogOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Title of the text to display.
+   *
+   * @type { ?string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   title?: string;
 
   /**
@@ -149,6 +181,14 @@ export interface ShowDialogOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Text body.
+   *
+   * @type { ?string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   message?: string;
 
   /**
@@ -160,6 +200,16 @@ export interface ShowDialogOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to three buttons are supported. The first button is of the positiveButton type, the second is of the negativeButton type, and the third is of the neutralButton type.
+   *
+   * @type { ?[Button, Button?, Button?] }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   buttons?: [Button, Button?, Button?];
 
   /**
@@ -169,6 +219,14 @@ export interface ShowDialogOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Called when the dialog box is displayed.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   success?: (data: ShowDialogSuccessResponse) => void;
 
   /**
@@ -178,6 +236,14 @@ export interface ShowDialogOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Called when the operation is cancelled.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   cancel?: (data: string, code: string) => void;
 
   /**
@@ -187,6 +253,14 @@ export interface ShowDialogOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Called when the dialog box is closed.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   complete?: (data: string) => void;
 }
 
@@ -197,6 +271,14 @@ export interface ShowDialogOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * Defines the option of ShowActionMenu.
+ *
+ * @interface ShowActionMenuOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ShowActionMenuOptions {
   /**
    * Title of the text to display.
@@ -205,6 +287,14 @@ export interface ShowActionMenuOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Title of the text to display.
+   *
+   * @type { ?string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   title?: string;
 
   /**
@@ -216,6 +306,16 @@ export interface ShowActionMenuOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to six buttons are supported.
+   *
+   * @type { [Button, Button?, Button?, Button?, Button?, Button?] }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   buttons: [Button, Button?, Button?, Button?, Button?, Button?];
 
   /**
@@ -225,6 +325,14 @@ export interface ShowActionMenuOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Called when the dialog box is displayed.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   success?: (tapIndex: number, errMsg: string) => void;
 
   /**
@@ -234,6 +342,14 @@ export interface ShowActionMenuOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Called when the operation is cancelled.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fail?: (errMsg: string) => void;
 
   /**
@@ -243,6 +359,14 @@ export interface ShowActionMenuOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Called when the dialog box is closed.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   complete?: () => void;
 }
 
@@ -252,6 +376,13 @@ export interface ShowActionMenuOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the prompt interface.
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export default class Prompt {
   /**
    * Displays the notification text.
@@ -260,6 +391,14 @@ export default class Prompt {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Displays the notification text.
+   *
+   * @param { ShowToastOptions } options - Options.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static showToast(options: ShowToastOptions): void;
 
   /**
@@ -269,6 +408,14 @@ export default class Prompt {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Displays the dialog box.
+   *
+   * @param { ShowDialogOptions } options - Options.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static showDialog(options: ShowDialogOptions): void;
 
   /**
@@ -278,5 +425,13 @@ export default class Prompt {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Displays the menu.
+   *
+   * @param { ShowActionMenuOptions } options - Options.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static showActionMenu(options: ShowActionMenuOptions): void;
 }
diff --git a/api/common/full/canvaspattern.d.ts b/api/common/full/canvaspattern.d.ts
index 98ba5b3ce..0ac9265eb 100644
--- a/api/common/full/canvaspattern.d.ts
+++ b/api/common/full/canvaspattern.d.ts
@@ -28,6 +28,15 @@
  * @since 9
  * @form
  */
+/**
+ * Describes an opaque object of a template, which is created using the createPattern() method.
+ *
+ * @interface CanvasPattern
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ * @form
+ */
 export interface CanvasPattern {
   /**
    * Adds the matrix transformation effect to the current template.
@@ -44,6 +53,15 @@ export interface CanvasPattern {
    * @since 9
    * @form
    */
+  /**
+   * Adds the matrix transformation effect to the current template.
+   *
+   * @param { Matrix2D } [transform] - transformation matrix
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   setTransform(transform?: Matrix2D): void;
 }
 
@@ -60,6 +78,14 @@ export interface CanvasPattern {
  * @since 9
  * @form
  */
+/**
+ * 2D transformation matrix, supporting rotation, translation, and scaling of the X-axis and Y-axis
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ * @form
+ */
 export class Matrix2D {
   /**
    * Horizontal Zoom
@@ -76,6 +102,15 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Horizontal Zoom
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   scaleX?: number;
 
   /**
@@ -93,6 +128,15 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Vertical Tilt
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   rotateY?: number;
 
   /**
@@ -110,6 +154,15 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Horizontal Tilt
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   rotateX?: number;
 
   /**
@@ -127,6 +180,15 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Vertical Zoom
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   scaleY?: number;
 
   /**
@@ -144,6 +206,15 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Horizontal movement
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   translateX?: number;
 
   /**
@@ -161,6 +232,15 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Vertical movement
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   translateY?: number;
 
   /**
@@ -180,6 +260,16 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Transforms the current 2D matrix back to the identity matrix (i.e., without any rotational
+   * translation scaling effect)
+   *
+   * @returns { Matrix2D }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   identity(): Matrix2D;
 
   /**
@@ -199,6 +289,16 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Transform the current 2D matrix into an inverse matrix (that is, the transformation effect
+   * is the opposite effect of the original)
+   *
+   * @returns { Matrix2D }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   invert(): Matrix2D;
 
   /**
@@ -220,6 +320,17 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * The matrix is superimposed in right multiplication mode. When the input parameter is empty,
+   * the matrix is superimposed.
+   *
+   * @param { Matrix2D } [other] - Matrix to be superimposed
+   * @returns { Matrix2D }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   multiply(other?: Matrix2D): Matrix2D;
 
   /**
@@ -241,6 +352,17 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Adds the rotation effect of the X and Y axes to the current matrix.
+   *
+   * @param { number } [rx] - Rotation effect of the X axis
+   * @param { number } [ry] - Rotation effect of the Y-axis
+   * @returns { Matrix2D }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   rotate(rx?: number, ry?: number): Matrix2D;
 
   /**
@@ -262,6 +384,17 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Adds the translation effect of the X and Y axes to the current matrix.
+   *
+   * @param { number } [tx] - X-axis translation effect
+   * @param { number } [ty] - Y-axis translation effect
+   * @returns { Matrix2D }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   translate(tx?: number, ty?: number): Matrix2D;
 
   /**
@@ -283,6 +416,17 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Adds the scaling effect of the X and Y axes to the current matrix.
+   *
+   * @param { number } [sx] - X-axis scaling effect
+   * @param { number } [sy] - Y-axis scaling effect
+   * @returns { Matrix2D }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   scale(sx?: number, sy?: number): Matrix2D;
 
   /**
@@ -298,5 +442,13 @@ export class Matrix2D {
    * @since 9
    * @form
    */
+  /**
+   * Constructs a 2D change matrix object. The default value is the unit matrix.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   * @form
+   */
   constructor();
 }
diff --git a/api/common/full/console.d.ts b/api/common/full/console.d.ts
index 5c6b6d6c9..057ce69b3 100644
--- a/api/common/full/console.d.ts
+++ b/api/common/full/console.d.ts
@@ -17,6 +17,11 @@
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class console {
   /**
    * Prints "debug" logs.
@@ -26,6 +31,15 @@ export declare class console {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Prints "debug" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static debug(message: string, ...arguments: any[]): void;
 
   /**
@@ -36,6 +50,15 @@ export declare class console {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Prints "log" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static log(message: string, ...arguments: any[]): void;
 
   /**
@@ -46,6 +69,15 @@ export declare class console {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Prints "info" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static info(message: string, ...arguments: any[]): void;
 
   /**
@@ -56,6 +88,15 @@ export declare class console {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Prints "warn" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static warn(message: string, ...arguments: any[]): void;
 
   /**
@@ -66,5 +107,14 @@ export declare class console {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Prints "error" logs.
+   *
+   * @param { string } message - Text to print.
+   * @param { any[] } arguments
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static error(message: string, ...arguments: any[]): void;
 }
diff --git a/api/common/full/dom.d.ts b/api/common/full/dom.d.ts
index 1b735eeb5..2e0ea16e5 100644
--- a/api/common/full/dom.d.ts
+++ b/api/common/full/dom.d.ts
@@ -21,6 +21,13 @@ import { Element } from './viewmodel';
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 8
  */
+/**
+ * global dom
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class dom {
   /**
    * create a dynamic dom by tag, return element
@@ -30,5 +37,14 @@ export declare class dom {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 8
    */
+  /**
+   * create a dynamic dom by tag, return element
+   *
+   * @param { string } tag - dom tag
+   * @returns { Element }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   static createElement(tag: string): Element
 }
diff --git a/api/common/full/global.d.ts b/api/common/full/global.d.ts
index ff3ce5d35..34ab3192b 100644
--- a/api/common/full/global.d.ts
+++ b/api/common/full/global.d.ts
@@ -52,6 +52,15 @@ export declare function setTimeout(handler: Function | string, delay?: number, .
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Sets a vsync after which a function will be executed.
+ *
+ * @param { Function } handler - Indicates the function to be called when the vsync trigger.
+ * @returns { number }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare function requestAnimationFrame(handler: Function): number;
 
 /**
@@ -61,6 +70,14 @@ export declare function requestAnimationFrame(handler: Function): number;
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Cancels the vsync callback set by "requestAnimationFrame()".
+ *
+ * @param { number } requestId - Indicates the vsync callback ID returned by "requestAnimationFrame()".
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare function cancelAnimationFrame(requestId: number): void;
 
 /**
@@ -119,6 +136,13 @@ export declare function getApp(): object;
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * You can create an Image object by calling new Image().
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class Image {
   /**
    * Network address or local resource. The internal URI is supported.
@@ -127,6 +151,14 @@ export declare class Image {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Network address or local resource. The internal URI is supported.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   src: string;
   /**
    * Image width.
@@ -135,6 +167,14 @@ export declare class Image {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Image width.
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   width?: number;
   /**
    * Image height.
@@ -143,6 +183,14 @@ export declare class Image {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Image height.
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   height?: number;
   /**
    * Called when an image is successfully loaded. This function has no parameter.
@@ -151,6 +199,14 @@ export declare class Image {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Called when an image is successfully loaded. This function has no parameter.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onload?: () => void;
   /**
    * Called when an image fails to be loaded. This function has no parameter.
@@ -159,6 +215,14 @@ export declare class Image {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Called when an image fails to be loaded. This function has no parameter.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onerror?: () => void;
 }
 
@@ -168,6 +232,13 @@ export declare class Image {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * An ImageData object is a common object that stores the actual pixel data of a Canvas object.
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class ImageData {
   /**
    * Actual width of the ImageData object, in pixels.
@@ -176,6 +247,14 @@ export declare class ImageData {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Actual width of the ImageData object, in pixels.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   width: number;
   /**
    * Actual height of the ImageData object, in pixels.
@@ -184,6 +263,14 @@ export declare class ImageData {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Actual height of the ImageData object, in pixels.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   height: number;
   /**
    * A one-dimensional array of color values. The color values are sorted in the RGBA order and represented by integers from 0 to 255.
@@ -192,6 +279,14 @@ export declare class ImageData {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * A one-dimensional array of color values. The color values are sorted in the RGBA order and represented by integers from 0 to 255.
+   *
+   * @type { Uint8ClampedArray }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   data: Uint8ClampedArray;
 }
 
@@ -202,6 +297,14 @@ export declare class ImageData {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 7
  */
+/**
+ * OffscreenCanvas provides a Canvas object that can be rendered off-screen.
+ * It works in both window and Web worker environments.
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class OffscreenCanvas {
   /**
    * The width of the offScreen Canvas object
@@ -212,6 +315,16 @@ export declare class OffscreenCanvas {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * The width of the offScreen Canvas object
+   * The height of the offScreen Canvas object
+   *
+   * @param { number } width
+   * @param { number } height
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   constructor(width: number, height: number);
 
   /**
@@ -221,6 +334,14 @@ export declare class OffscreenCanvas {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * The width of the offScreen Canvas object
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   width: number;
 
   /**
@@ -230,6 +351,14 @@ export declare class OffscreenCanvas {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * The height of the offScreen Canvas object
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   height: number;
 
   /**
@@ -241,6 +370,16 @@ export declare class OffscreenCanvas {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Gets the context object for off-screen drawing.
+   *
+   * @param { "2d" } contextId - creates a CanvasRenderingContext2D object representing a two-dimensional rendering context.
+   * @param { CanvasRenderingContext2DSettings } [options] - object representing a three-dimensional rendering context.
+   * @returns { OffscreenCanvasRenderingContext2D } a render canvas for the offScreen Canvas object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getContext(contextId: "2d", options?: CanvasRenderingContext2DSettings): OffscreenCanvasRenderingContext2D;
 
   /**
@@ -252,6 +391,16 @@ export declare class OffscreenCanvas {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Converts the draw contents of the current off-screen draw object to a string in the form of a Blob.
+   *
+   * @param { string } [type] - indicating the image format.
+   * @param { number } [quality] - between 0 and 1 indicating image quality if the type option is image/jpeg or image/webp.
+   * @returns { string } A Promise returning a Blob object representing the image contained in the canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   toDataURL(type?: string, quality?: number): string;
 
   /**
@@ -261,6 +410,14 @@ export declare class OffscreenCanvas {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Converts the draw content in the current off-screen draw object to a Bitmap object.
+   *
+   * @returns { ImageBitmap } Returns An ImageBitmap object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   transferToImageBitmap(): ImageBitmap;
 }
 
@@ -270,6 +427,13 @@ export declare class OffscreenCanvas {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 7
  */
+/**
+ * Defines the ImageBitmap.
+ *
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class ImageBitmap {
   /**
    * The height of the Image Bitmap object.
@@ -278,6 +442,14 @@ export declare class ImageBitmap {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * The height of the Image Bitmap object.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   readonly height: number;
 
   /**
@@ -287,6 +459,14 @@ export declare class ImageBitmap {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * The width of the Image Bitmap object.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   readonly width: number;
 }
 
diff --git a/api/common/full/viewmodel.d.ts b/api/common/full/viewmodel.d.ts
index 38fde80b2..7c6f02b14 100644
--- a/api/common/full/viewmodel.d.ts
+++ b/api/common/full/viewmodel.d.ts
@@ -24,6 +24,14 @@ import { CanvasPattern } from './canvaspattern';
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 3
  */
+/**
+ * Defines the focus param.
+ *
+ * @interface FocusParamObj
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface FocusParamObj {
   /**
    * Whether needs to focus.
@@ -32,6 +40,14 @@ export interface FocusParamObj {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 3
    */
+  /**
+   * Whether needs to focus.
+   *
+   * @type { boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   focus: boolean;
 }
 
@@ -42,30 +58,62 @@ export interface FocusParamObj {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * RectObj
+ *
+ * @interface RectObj
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface RectObj {
   /**
    * @type { number }
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   width: number;
   /**
    * @type { number }
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   height: number;
   /**
    * @type { number }
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   left: number;
   /**
    * @type { number }
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   top: number;
 }
 
@@ -76,12 +124,26 @@ export interface RectObj {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * ContextAttrOptions
+ *
+ * @interface ContextAttrOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ContextAttrOptions {
   /**
    * @type { boolean }
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * @type { boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   antialias: boolean;
 }
 
@@ -92,6 +154,14 @@ export interface ContextAttrOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * AnimateStyle
+ *
+ * @interface AnimateStyle
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface AnimateStyle {
   /**
    * Width value applied to the component after the animation is executed.
@@ -100,6 +170,14 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Width value applied to the component after the animation is executed.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   width: number;
   /**
    * Height value applied to the component after the animation is executed.
@@ -108,6 +186,14 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Height value applied to the component after the animation is executed.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   height: number;
   /**
    * left offset applied to the component after the animation is executed.
@@ -116,6 +202,14 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * left offset applied to the component after the animation is executed.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   left: number;
   /**
    * top offset applied to the component after the animation is executed.
@@ -124,6 +218,14 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * top offset applied to the component after the animation is executed.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   top: number;
   /**
    * right offset applied to the component after the animation is executed.
@@ -132,6 +234,14 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * right offset applied to the component after the animation is executed.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   right: number;
   /**
    * bottom offset applied to the component after the animation is executed.
@@ -140,6 +250,14 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * bottom offset applied to the component after the animation is executed.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   bottom: number;
   /**
    * Background color applied to the component after the animation is executed.
@@ -149,6 +267,15 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Background color applied to the component after the animation is executed.
+   * The default value is none.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   backgroundColor: string;
   /**
    * Opacity applied to the component. The value ranges from 0 to 1.
@@ -158,6 +285,15 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Opacity applied to the component. The value ranges from 0 to 1.
+   * The default value is 1.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   opacity: number;
   /**
    * The value format is "x y", in percentage or pixels.
@@ -168,6 +304,16 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * The value format is "x y", in percentage or pixels.
+   * The first value indicates the horizontal position, and the second value indicates the vertical position.
+   * If only one value is specified, the other value is 50% by default.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   backgroundPosition: string;
   /**
    * Origin position of the transformed element.
@@ -178,6 +324,16 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Origin position of the transformed element.
+   * The first value indicates the x-axis position. The value can be left, center, right, a length, or percentage.
+   * The second value indicates the y-axis position. The value can be top, center, bottom, a length, or a percentage.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   transformOrigin: string;
   /**
    * Transformation type applied to an element.
@@ -186,6 +342,14 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Transformation type applied to an element.
+   *
+   * @type { "none" | TransformObject }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   transform: "none" | TransformObject;
   /**
    * The value of offset must be within (0.0,1.0] and sorted in ascending order if it is provided.
@@ -196,6 +360,16 @@ export interface AnimateStyle {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * The value of offset must be within (0.0,1.0] and sorted in ascending order if it is provided.
+   * If there are only two frames, offset can be left empty.
+   * If there are more than two frames, offset is mandatory.
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   offset?: number;
 }
 
@@ -206,6 +380,14 @@ export interface AnimateStyle {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * TransformObject
+ *
+ * @interface TransformObject
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface TransformObject {
   /**
    * Defines a 2D transformation, using a matrix of six values..
@@ -219,6 +401,19 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines a 2D transformation, using a matrix of six values..
+   *
+   * @param { number } scaleX - the scale value for x-axis
+   * @param { number } skewX - the skew value for y-axis
+   * @param { number } skewY - the skew value for x-axis
+   * @param { number } scaleY - the scale value for y-axis
+   * @param { number } translateX - the translate value for x-axis
+   * @param { number } translateY - the translate value for y-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   matrix(scaleX: number, skewX: number, skewY: number, scaleY: number, translateX: number, translateY: number): void;
   /**
    * Defines a 3D transformation using a 4x4 matrix of 16 values.
@@ -242,6 +437,29 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines a 3D transformation using a 4x4 matrix of 16 values.
+   *
+   * @param { number } n00 - the value of the 0 row and 0 column of the 4x4 matrix
+   * @param { number } n01 - the value of the 0 row and 1 column of the 4x4 matrix
+   * @param { number } n02 - the value of the 0 row and 2 column of the 4x4 matrix
+   * @param { number } n03 - the value of the 0 row and 3 column of the 4x4 matrix
+   * @param { number } n10 - the value of the 1 row and 0 column of the 4x4 matrix
+   * @param { number } n11 - the value of the 1 row and 1 column of the 4x4 matrix
+   * @param { number } n12 - the value of the 1 row and 2 column of the 4x4 matrix
+   * @param { number } n13 - the value of the 1 row and 3 column of the 4x4 matrix
+   * @param { number } n20 - the value of the 2 row and 0 column of the 4x4 matrix
+   * @param { number } n21 - the value of the 2 row and 1 column of the 4x4 matrix
+   * @param { number } n22 - the value of the 2 row and 2 column of the 4x4 matrix
+   * @param { number } n23 - the value of the 2 row and 3 column of the 4x4 matrix
+   * @param { number } n30 - the value of the 3 row and 0 column of the 4x4 matrix
+   * @param { number } n31 - the value of the 3 row and 1 column of the 4x4 matrix
+   * @param { number } n32 - the value of the 3 row and 2 column of the 4x4 matrix
+   * @param { number } n33 - the value of the 3 row and 3 column of the 4x4 matrix
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   matrix3d(
     n00: number,
     n01: number,
@@ -268,6 +486,15 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines 2D transformations for translation of the X and Y axes
+   *
+   * @param { number } x - the translate value for x-axis
+   * @param { number } y - the translate value for y-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   translate(x: number, y: number): void;
   /**
    * Defines 3D transformations for translation of the X / Y / Z axes
@@ -278,6 +505,16 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines 3D transformations for translation of the X / Y / Z axes
+   *
+   * @param { number } x - the translate value for x-axis
+   * @param { number } y - the translate value for y-axis
+   * @param { number } z - the translate value for z-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   translate3d(x: number, y: number, z: number): void;
   /**
    * Defines 2D transformations for translation of the X axes
@@ -286,6 +523,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines 2D transformations for translation of the X axes
+   *
+   * @param { number } x - the translate value for x-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   translateX(x: number): void;
   /**
    * Defines 2D transformations for translation of the Y axes
@@ -294,6 +539,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines 2D transformations for translation of the Y axes
+   *
+   * @param { number } y - the translate value for y-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   translateY(y: number): void;
   /**
    * Defines 3D transformations for translation of the Z axes
@@ -302,6 +555,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines 3D transformations for translation of the Z axes
+   *
+   * @param { number } z the translate value for z-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   translateZ(z: number): void;
   /**
    * Defines 2D transformations for scaling of the X and Y axes
@@ -311,6 +572,15 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines 2D transformations for scaling of the X and Y axes
+   *
+   * @param { number } x - the scale value for x-axis
+   * @param { number } y - the scale value for y-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scale(x: number, y: number): void;
   /**
    * Defines 3D transformations for scaling of the X / Y / Z axes
@@ -321,6 +591,16 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines 3D transformations for scaling of the X / Y / Z axes
+   *
+   * @param { number } x - the scale value for x-axis
+   * @param { number } y - the scale value for y-axis
+   * @param { number } z - the scale value for z-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scale3d(x: number, y: number, z: number): void;
   /**
    * Defines 2D transformations for scaling of the X axes
@@ -329,6 +609,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines 2D transformations for scaling of the X axes
+   *
+   * @param { number } x - the scale value for x-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scaleX(x: number): void;
   /**
    * Defines 2D transformations for scaling of the Y axes
@@ -337,6 +625,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines 2D transformations for scaling of the Y axes
+   *
+   * @param { number } y - the scale value for y-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scaleY(y: number): void;
   /**
    * Defines 3D transformations for scaling of the Z axes
@@ -345,6 +641,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines 3D transformations for scaling of the Z axes
+   *
+   * @param { number } z - the scale value for z-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scaleZ(z: number): void;
   /**
    * Define the 2D rotation and specify the angle in the parameters.
@@ -353,6 +657,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Define the 2D rotation and specify the angle in the parameters.
+   *
+   * @param { number } angle - the rotate value for z-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rotate(angle: number): void;
   /**
    * Defines a 3D transformation for rotating the X / Y / Z axes.
@@ -364,6 +676,17 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines a 3D transformation for rotating the X / Y / Z axes.
+   *
+   * @param { number } x - the vector value of the x-axis
+   * @param { number } y - the vector value of the y-axis
+   * @param { number } z - the vector value of the z-axis
+   * @param { number } angle - the rotate value for x&y&z vector.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rotate3d(x: number, y: number, z: number, angle: number): void;
   /**
    * Defines 3D transformations for rotating of the X axes.
@@ -372,6 +695,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines 3D transformations for rotating of the X axes.
+   *
+   * @param { number } angle - the scale value for x-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rotateX(angle: number): void;
   /**
    * Defines 3D transformations for rotating of the Y axes.
@@ -380,6 +711,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines 3D transformations for rotating of the Y axes.
+   *
+   * @param { number } angle - the scale value for y-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rotateY(angle: number): void;
   /**
    * Defines 3D transformations for rotating of the Z axes.
@@ -388,6 +727,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines 3D transformations for rotating of the Z axes.
+   *
+   * @param { number } angle - the scale value for z-axis
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rotateZ(angle: number): void;
   /**
    * Defines the 2D skew transition along the X and Y axes.
@@ -397,6 +744,15 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines the 2D skew transition along the X and Y axes.
+   *
+   * @param { number } xAngle - the angle of inclination along the x axis.
+   * @param { number } yAngle - the angle of inclination along the y axis.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   skew(xAngle: number, yAngle: number): void;
   /**
    * Defines the 2D skew transition along the X axes.
@@ -405,6 +761,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines the 2D skew transition along the X axes.
+   *
+   * @param { number } angle - the angle of inclination along the x axis.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   skewX(angle: number): void;
   /**
    * Defines the 2D skew transition along the Y axes.
@@ -413,6 +777,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines the 2D skew transition along the Y axes.
+   *
+   * @param { number } angle - the angle of inclination along the y axis.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   skewY(angle: number): void;
   /**
    * Defines a perspective view for the 3D transformation element.
@@ -421,6 +793,14 @@ export interface TransformObject {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Defines a perspective view for the 3D transformation element.
+   *
+   * @param { number } verticalDistance - the vertical distance from the observation point to the component plane.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   perspective(verticalDistance: number): void;
 }
 
@@ -431,6 +811,14 @@ export interface TransformObject {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * AnimateOptions
+ *
+ * @interface AnimateOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface AnimateOptions {
   /**
    * Duration of the animation, in milliseconds.
@@ -440,6 +828,15 @@ export interface AnimateOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Duration of the animation, in milliseconds.
+   * The default value is 0.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   duration: number;
 
   /**
@@ -466,6 +863,31 @@ export interface AnimateOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Time curve of the animation. For details about the supported types.
+   * linear The animation speed keeps unchanged.
+   * ease The animation starts and ends at a low speed, cubic-bezier(0.25, 0.1, 0.25, 1.0).
+   * ease-in The animation starts at a low speed, cubic-bezier(0.42, 0.0, 1.0, 1.0).
+   * ease-out The animation ends at a low speed, cubic-bezier(0.0, 0.0, 0.58, 1.0).
+   * ease-in-out The animation starts and ends at a low speed, cubic-bezier(0.42, 0.0, 0.58, 1.0).
+   * fast-out-slow-in Standard curve, cubic-bezier(0.4, 0.0, 0.2, 1.0).
+   * linear-out-slow-in Deceleration curve, cubic-bezier(0.0, 0.0, 0.2, 1.0).
+   * fast-out-linear-in Acceleration curve, cubic-bezier(0.4, 0.0, 1.0, 1.0).
+   * friction Damping curve, cubic-bezier(0.2, 0.0, 0.2, 1.0).
+   * extreme-deceleration Extreme deceleration curve, cubic-bezier(0.0, 0.0, 0.0, 1.0).
+   * sharp Sharp curve, cubic-bezier(0.33, 0.0, 0.67, 1.0).
+   * rhythm Rhythm curve, cubic-bezier(0.7, 0.0, 0.2, 1.0).
+   * smooth Smooth curve, cubic-bezier(0.4, 0.0, 0.4, 1.0).
+   * cubic-bezier(x1, y1, x2, y2) You can customize an animation speed curve in the cubic-bezier() function.
+   * The x and y values of each input parameter must be between 0 and 1.
+   * Step curve. The number must be set and only an integer is supported, step-position is optional. It can be set to start or end. The default value is end.
+   * The default value is ease.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   easing: string;
 
   /**
@@ -476,6 +898,15 @@ export interface AnimateOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Delay for the animation start. The default value indicates no delay.
+   * The default value is 0.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   delay: number;
 
   /**
@@ -487,6 +918,16 @@ export interface AnimateOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Number of times the animation will be played. number indicates a fixed number of playback operations,
+   * and Infinity indicates an unlimited number of playback operations.
+   * The default value is 1.
+   *
+   * @type { number | string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   iterations: number | string;
 
   /**
@@ -497,6 +938,15 @@ export interface AnimateOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * The animation playback mode.
+   * The default value is "normal".
+   *
+   * @type { "normal" | "reverse" | "alternate" | "alternate-reverse" }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   direction: "normal" | "reverse" | "alternate" | "alternate-reverse";
 
   /**
@@ -508,6 +958,16 @@ export interface AnimateOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Whether to resume to the initial state after the animation is executed.
+   * none: The initial state is restored after the animation is executed.
+   * forwards: The state at the end of the animation (defined in the last key frame) is retained after the animation is executed.
+   *
+   * @type { "none" | "forwards" | "backwards" | "both" }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fill: "none" | "forwards" | "backwards" | "both";
 }
 
@@ -518,6 +978,14 @@ export interface AnimateOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * AnimationResult
+ *
+ * @interface AnimationResult
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface AnimationResult {
   /**
    * Read-only attribute, which indicates whether the animation playback is complete.
@@ -526,6 +994,14 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Read-only attribute, which indicates whether the animation playback is complete.
+   *
+   * @type { boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   finished: boolean;
   /**
    * Read-only attribute, which indicates whether an animation is waiting for the completion of other asynchronous operations
@@ -535,6 +1011,15 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Read-only attribute, which indicates whether an animation is waiting for the completion of other asynchronous operations
+   * (for example, start an animation with a delay).
+   *
+   * @type { boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   pending: boolean;
   /**
    * Animation running state:
@@ -547,6 +1032,18 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Animation running state:
+   * idle: The animation is not running (playback ended or not started).
+   * running: The animation is running.
+   * paused: The animation is paused.
+   * finished: Animation playback ends.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   playstate: string;
   /**
    * Animation start time. This attribute is similar to that of delay in the options parameters.
@@ -555,6 +1052,14 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Animation start time. This attribute is similar to that of delay in the options parameters.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   startTime: number;
   /**
    * Starts the animation.
@@ -562,6 +1067,13 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Starts the animation.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   play(): void;
   /**
    * Ends the animation.
@@ -569,6 +1081,13 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Ends the animation.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   finish(): void;
   /**
    * Pauses the animation.
@@ -576,6 +1095,13 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Pauses the animation.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   pause(): void;
   /**
    * Cancels the animation.
@@ -583,6 +1109,13 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Cancels the animation.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   cancel(): void;
   /**
    * Plays the animation in reverse direction.
@@ -590,6 +1123,13 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Plays the animation in reverse direction.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   reverse(): void;
   /**
    * The animation is started.
@@ -598,6 +1138,14 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * The animation is started.
+   *
+   * @type { function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onstart: () => void;
   /**
    * The animation is finished.
@@ -606,6 +1154,14 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * The animation is finished.
+   *
+   * @type { function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onfinish: () => void;
   /**
    * The animation is canceled.
@@ -614,6 +1170,14 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * The animation is canceled.
+   *
+   * @type { function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   oncancel: () => void;
   /**
    * The animation is repeated.
@@ -622,6 +1186,14 @@ export interface AnimationResult {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * The animation is repeated.
+   *
+   * @type { function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onrepeat: () => void;
 }
 
@@ -632,6 +1204,14 @@ export interface AnimationResult {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * Element
+ *
+ * @interface Element
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface Element {
   /**
    * Requests or cancels the focus for a component.
@@ -643,6 +1223,17 @@ export interface Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Requests or cancels the focus for a component.
+   * If focus is set to true, the focus is requested for the component.
+   * If focus is set to false, the focus is canceled for the component.
+   * This attribute can be defaulted to true.
+   *
+   * @param { FocusParamObj } [obj] - { focus: true | false }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   focus(obj?: FocusParamObj): void;
 
   /**
@@ -655,6 +1246,17 @@ export interface Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Requests or cancels the crown rotation focus for a component.
+   * If focus is set to true, the crown event focus is requested.
+   * If focus is set to false, the crown event focus is canceled.
+   * This attribute can be defaulted to true.
+   *
+   * @param { FocusParamObj } [obj] - { focus: true | false }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rotation(obj?: FocusParamObj): void;
 
   /**
@@ -666,6 +1268,16 @@ export interface Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates and runs an animation shortcut on the component. Specify the keyframes and options required for the animation.
+   *
+   * @param { Array<AnimateStyle> } keyframes - keyframes is used to describe key frame parameters of the animation.
+   * @param { AnimateOptions } options - Options. is used to describe animation parameters.
+   * @returns { AnimationResult } This method returns the animation object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   animate(keyframes: Array<AnimateStyle>, options: AnimateOptions): AnimationResult;
 
   /**
@@ -675,6 +1287,14 @@ export interface Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Obtains the size and position of the element.
+   *
+   * @returns { RectObj } RectObj the size position of the element.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getBoundingClientRect(): RectObj;
 
   /**
@@ -695,6 +1315,15 @@ export interface Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * If 0.5 is returned, 50% of the current component is visible.
+   *
+   * @param { object } param - Scope of Monitoring components.
+   * @returns { observer }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createIntersectionObserver(param: { ratios: Array<number> }): observer;
 
   /**
@@ -704,6 +1333,14 @@ export interface Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 8
    */
+  /**
+   * Adds a node to the end of the child node list of the current node.
+   *
+   * @param { Element } child - Subnode object to be added
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   addChild(child: Element): void;
 
   /**
@@ -714,6 +1351,15 @@ export interface Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 8
    */
+  /**
+   * Sets the value of an attribute on a specified element. If the attribute already exists, update the value. Otherwise, a new attribute is added with the specified name and value.
+   *
+   * @param { string } name - attribute name
+   * @param { string } value - attribute value¡¢
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setAttribute(name: string, value: string): void;
 
   /**
@@ -725,6 +1371,16 @@ export interface Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 8
    */
+  /**
+   * Sets a style value on a specified element. If the style exists and the style value is valid, the setting is successful. Otherwise, the setting is invalid.
+   *
+   * @param { string } name - style name
+   * @param { string } value - style value
+   * @returns { boolean } If the setting is successful, true is returned. If the setting fails, false is returned.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setStyle(name: string, value: string): boolean;
 }
 
@@ -735,6 +1391,14 @@ export interface Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * Defines the observer interface.
+ *
+ * @interface observer
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface observer {
   /**
    * Turn on the listener.
@@ -743,6 +1407,14 @@ export interface observer {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Turn on the listener.
+   *
+   * @param { string } callback
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   observe(callback: string): void;
 
   /**
@@ -751,6 +1423,13 @@ export interface observer {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Turn off the listener.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   unobserve(): void;
 }
 
@@ -761,6 +1440,14 @@ export interface observer {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * animation element
+ *
+ * @interface AnimationElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface AnimationElement extends Element {
   /**
    * Starts the animation.
@@ -768,6 +1455,13 @@ export interface AnimationElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Starts the animation.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   play(): void;
   /**
    * Ends the animation.
@@ -775,6 +1469,13 @@ export interface AnimationElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Ends the animation.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   finish(): void;
   /**
    * Pauses the animation.
@@ -782,6 +1483,13 @@ export interface AnimationElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Pauses the animation.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   pause(): void;
   /**
    * Cancels the animation.
@@ -789,6 +1497,13 @@ export interface AnimationElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Cancels the animation.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   cancel(): void;
   /**
    * Plays the animation in reverse direction.
@@ -796,6 +1511,13 @@ export interface AnimationElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Plays the animation in reverse direction.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   reverse(): void;
 }
 
@@ -806,6 +1528,14 @@ export interface AnimationElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * ScrollParam
+ *
+ * @interface ScrollParam
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ScrollParam {
   /**
    * Offset for scrolling in the horizontal direction, in px.
@@ -814,6 +1544,14 @@ export interface ScrollParam {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Offset for scrolling in the horizontal direction, in px.
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   dx?: number;
 
   /**
@@ -823,6 +1561,14 @@ export interface ScrollParam {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Offset for scrolling in the vertical direction, in px.
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   dy?: number;
 
   /**
@@ -832,6 +1578,14 @@ export interface ScrollParam {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Whether a sliding animation is displayed when scroll position is changed.
+   *
+   * @type { ?boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   smooth?: boolean;
 }
 
@@ -842,6 +1596,14 @@ export interface ScrollParam {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * CurrentOffsetResultValue
+ *
+ * @interface CurrentOffsetResultValue
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface CurrentOffsetResultValue {
   /**
    * Scrolling offset in the x-axis, in px.
@@ -850,6 +1612,14 @@ export interface CurrentOffsetResultValue {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Scrolling offset in the x-axis, in px.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   x: number;
 
   /**
@@ -859,6 +1629,14 @@ export interface CurrentOffsetResultValue {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Scrolling offset in the y-axis, in px.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   y: number;
 }
 
@@ -869,6 +1647,14 @@ export interface CurrentOffsetResultValue {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * ListScrollToOptions
+ *
+ * @interface ListScrollToOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ListScrollToOptions {
   /**
    * specified position.
@@ -887,6 +1673,14 @@ export interface ListScrollToOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <list> component provides a list container.
+ *
+ * @interface ListElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ListElement extends Element {
   /**
    * Scrolls the list to the position of the item at the specified index.
@@ -905,6 +1699,15 @@ export interface ListElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Scrolls the list for a certain distance.
+   * This method applies only to smart TVs.
+   *
+   * @param { ScrollParam } data
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scrollBy(data: ScrollParam): void;
 
   /**
@@ -915,6 +1718,15 @@ export interface ListElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * If smooth is set to false (default value), the list is directly scrolled to the top.
+   * If smooth is set to true, the list is smoothly scrolled to the top.
+   *
+   * @param { object } param
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scrollTop(param: { smooth: boolean }): void;
 
   /**
@@ -925,6 +1737,15 @@ export interface ListElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * If smooth is set to false (default value), the list is directly scrolled to the bottom.
+   * If smooth is set to true, the list is smoothly scrolled to the bottom.
+   *
+   * @param { object } param
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scrollBottom(param: { smooth: boolean }): void;
 
   /**
@@ -937,6 +1758,17 @@ export interface ListElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * If reverse is set to false (default value), the next page is displayed. If there is no next page, the list scrolls to the bottom.
+   * If reverse is set to true, the previous page is displayed. If there is no previous page, the list scrolls to the top.
+   * If smooth is set to false (default value), the list is directly scrolled to another page.
+   * If smooth is set to true, the list is smoothly scrolled to another page.
+   *
+   * @param { object } params
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scrollPage(params: { reverse: boolean; smooth: boolean }): void;
 
   /**
@@ -949,6 +1781,17 @@ export interface ListElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * If reverse is set to false (default value), the list scrolls towards the bottom for a certain distance. If there is no sufficient distance, the list scrolls to the bottom.
+   * If reverse is set to true, the list scrolls towards the top for a certain distance. If there is no sufficient distance, the list scrolls to the top.
+   * If smooth is set to false (default value), the list is directly scrolled.
+   * If smooth is set to true, the list is smoothly scrolled.
+   *
+   * @param { object } params
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
 
   /**
@@ -958,6 +1801,14 @@ export interface ListElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Collapses a group.
+   *
+   * @param { object } param
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   collapseGroup(param: {
     /**
      * groupid: ID of the group to collapse.
@@ -967,6 +1818,15 @@ export interface ListElement extends Element {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 4
      */
+    /**
+     * groupid: ID of the group to collapse.
+     * All groups are collapsed when groupid is not specified.
+     *
+     * @type { string }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     groupid: string;
   }): void;
 
@@ -977,6 +1837,14 @@ export interface ListElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Expands a group.
+   *
+   * @param { object } param
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   expandGroup(param: {
     /**
      * groupid: ID of the group to expand.
@@ -986,6 +1854,15 @@ export interface ListElement extends Element {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 4
      */
+    /**
+     * groupid: ID of the group to expand.
+     * All groups are expanded when groupid is not specified.
+     *
+     * @type { string }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     groupid: string;
   }): void;
 
@@ -996,6 +1873,14 @@ export interface ListElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Returns the offset of the current scrolling. The return value type is Object.
+   *
+   * @returns { CurrentOffsetResultValue }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   currentOffset(): CurrentOffsetResultValue;
 }
 
@@ -1006,6 +1891,14 @@ export interface ListElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <swiper> component provides a swiper container.
+ *
+ * @interface SwiperElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface SwiperElement extends Element {
   /**
    * Scrolls the child component to the position at the specified index.
@@ -1014,6 +1907,14 @@ export interface SwiperElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Scrolls the child component to the position at the specified index.
+   *
+   * @param { object } position
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   swipeTo(position: {
     /**
      * specified position.
@@ -1022,6 +1923,14 @@ export interface SwiperElement extends Element {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 4
      */
+    /**
+     * specified position.
+     *
+     * @type { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     index: number;
   }): void;
 
@@ -1031,6 +1940,13 @@ export interface SwiperElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Shows the next child component.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   showNext(): void;
 
   /**
@@ -1039,6 +1955,13 @@ export interface SwiperElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Shows the previous child component.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   showPrevious(): void;
 }
 
@@ -1049,6 +1972,14 @@ export interface SwiperElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * CameraTakePhotoOptions
+ *
+ * @interface CameraTakePhotoOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface CameraTakePhotoOptions {
   /**
    * Picture quality.
@@ -1057,6 +1988,14 @@ export interface CameraTakePhotoOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Picture quality.
+   *
+   * @type { "high" | "normal" | "low" }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   quality: "high" | "normal" | "low";
 
   /**
@@ -1066,6 +2005,14 @@ export interface CameraTakePhotoOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Callback function for successful interface invocation.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   success?: (result: Object) => void;
 
   /**
@@ -1075,6 +2022,14 @@ export interface CameraTakePhotoOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Callback function for interface invocation failure.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fail?: (result: Object) => void;
 
   /**
@@ -1084,6 +2039,14 @@ export interface CameraTakePhotoOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   complete?: (result: Object) => void;
 }
 
@@ -1094,6 +2057,14 @@ export interface CameraTakePhotoOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * The <camera> component provides preview and photographing functions.
+ *
+ * @interface CameraElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface CameraElement extends Element {
   /**
    * Take photos with specified parameters.
@@ -1102,6 +2073,14 @@ export interface CameraElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Take photos with specified parameters.
+   *
+   * @param { CameraTakePhotoOptions } options - the parameters of camera.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   takePhoto(options: CameraTakePhotoOptions): void;
 }
 
@@ -1112,6 +2091,14 @@ export interface CameraElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * The <web> component is a container for displaying web page content.
+ *
+ * @interface WebElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface WebElement extends Element {
   /**
    * Reload the web page content
@@ -1119,6 +2106,13 @@ export interface WebElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Reload the web page content
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   reload(): void;
 }
 
@@ -1129,6 +2123,14 @@ export interface WebElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <dialog> component is a custom pop-up container.
+ *
+ * @interface DialogElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface DialogElement extends Element {
   /**
    * Shows a dialog box.
@@ -1136,6 +2138,13 @@ export interface DialogElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Shows a dialog box.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   show(): void;
   /**
    * Closes a dialog box.
@@ -1143,6 +2152,13 @@ export interface DialogElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Closes a dialog box.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   close(): void;
 }
 
@@ -1153,6 +2169,14 @@ export interface DialogElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Lite
  * @since 4
  */
+/**
+ * The <image-animator> component is used to provide an image frame animator.
+ *
+ * @interface ImageAnimatorElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Lite
+ * @atomicservice
+ * @since 11
+ */
 export interface ImageAnimatorElement extends Element {
   /**
    * Starts to play the frame animation of an image. If this method is called again, the playback starts from the first frame.
@@ -1160,6 +2184,13 @@ export interface ImageAnimatorElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Starts to play the frame animation of an image. If this method is called again, the playback starts from the first frame.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   start(): void;
   /**
    * Pauses the frame animation playback of an image.
@@ -1167,6 +2198,13 @@ export interface ImageAnimatorElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Pauses the frame animation playback of an image.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   pause(): void;
   /**
    * Stops the frame animation playback of an image.
@@ -1174,6 +2212,13 @@ export interface ImageAnimatorElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Stops the frame animation playback of an image.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   stop(): void;
   /**
    * Resumes the frame animation playback of an image.
@@ -1181,6 +2226,13 @@ export interface ImageAnimatorElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Resumes the frame animation playback of an image.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   resume(): void;
   /**
    * Obtains the playback state. Available values are as follows:
@@ -1192,6 +2244,17 @@ export interface ImageAnimatorElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains the playback state. Available values are as follows:
+   * Playing
+   * Paused
+   * Stopped
+   *
+   * @returns { "Playing" | "Paused" | "Stopped" }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getState(): "Playing" | "Paused" | "Stopped";
 }
 
@@ -1203,6 +2266,15 @@ export interface ImageAnimatorElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <marquee> component inserts scrolling text, which is displayed in a single line by default.
+ * When the text length exceeds the display area of the component, the marquee effect is displayed.
+ *
+ * @interface MarqueeElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface MarqueeElement extends Element {
   /**
    * Starts scrolling.
@@ -1210,6 +2282,13 @@ export interface MarqueeElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Starts scrolling.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   start(): void;
 
   /**
@@ -1218,6 +2297,13 @@ export interface MarqueeElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Stops scrolling.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   stop(): void;
 }
 
@@ -1228,6 +2314,14 @@ export interface MarqueeElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.
+ *
+ * @interface MenuElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface MenuElement extends Element {
   /**
    * Displays the menu.
@@ -1242,6 +2336,20 @@ export interface MenuElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Displays the menu.
+   * x and y specify the position of the displayed menu.
+   * x indicates the X-axis coordinate from the left edge of the visible area, and does not include any scrolling offset.
+   * y indicates the Y-axis coordinate from the upper edge of the visible area, and does not include any scrolling offset or a status bar.
+   * The menu is preferentially displayed in the lower right corner.
+   * When the visible space on the right is insufficient, the menu is moved leftward.
+   * When the visible space in the lower part is insufficient, the menu is moved upward.
+   *
+   * @param { object } position
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   show(position: { x: number; y: number }): void;
 }
 
@@ -1252,6 +2360,14 @@ export interface MenuElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <chart> component displays line charts, gauge charts, and bar charts.
+ *
+ * @interface ChartElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ChartElement extends Element {
   /**
    * Data is dynamically added to an existing data sequence.
@@ -1263,6 +2379,17 @@ export interface ChartElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Data is dynamically added to an existing data sequence.
+   * The target sequence is specified based on serial, which is the subscript of the datasets array and starts from 0.
+   * datasets[index].data is not updated. Only line charts support this attribute.
+   * The value is incremented by 1 based on the horizontal coordinate and is related to the xAxis min/max setting.
+   *
+   * @param { object } params
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   append(params: {
     /**
      * Set the data subscript of the line chart to be updated.
@@ -1271,6 +2398,14 @@ export interface ChartElement extends Element {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 4
      */
+    /**
+     * Set the data subscript of the line chart to be updated.
+     *
+     * @type { number }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     serial: number;
     /**
      * Set the new data.
@@ -1279,6 +2414,14 @@ export interface ChartElement extends Element {
      * @syscap SystemCapability.ArkUI.ArkUI.Full
      * @since 4
      */
+    /**
+     * Set the new data.
+     *
+     * @type { Array<number> }
+     * @syscap SystemCapability.ArkUI.ArkUI.Full
+     * @atomicservice
+     * @since 11
+     */
     data: Array<number>;
   }): void;
 }
@@ -1290,6 +2433,14 @@ export interface ChartElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <input> component provides an interactive interface to receive user input, which is displayed in a single line by default.
+ *
+ * @interface InputElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface InputElement extends Element {
   /**
    * Obtains or loses the focus of a component.
@@ -1299,6 +2450,15 @@ export interface InputElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains or loses the focus of a component.
+   * When the component type is set to text, email, date, time, number, or password, the input method can be displayed or collapsed.
+   *
+   * @param { object } param - If focus is not passed, the default value true is used.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   focus(param: { focus: boolean }): void;
 
   /**
@@ -1309,6 +2469,15 @@ export interface InputElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Displays the error message.
+   * This attribute is available when the component type is set to text, email, date, time, number, or password.
+   *
+   * @param { object } param
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   showError(param: { error: string }): void;
 
   /**
@@ -1317,6 +2486,13 @@ export interface InputElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Deletes the previous character at the cursor position.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   delete(): void;
 }
 
@@ -1327,6 +2503,14 @@ export interface InputElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <button> component includes capsule, circle, text, arc, and download buttons.
+ *
+ * @interface ButtonElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ButtonElement extends Element {
   /**
    * Progress bar of the download button.
@@ -1339,6 +2523,18 @@ export interface ButtonElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Progress bar of the download button.
+   * The value ranges from 0 to 100. The progress bar is displayed if the value is greater than 0.
+   * If the value is greater than or equal to 100, the progress bar is not displayed.
+   * NOTE
+   * The text displayed on the progress bar is changed based on the value.
+   *
+   * @param { object } param
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setProgress(param: { progress: number }): void;
 }
 
@@ -1349,6 +2545,14 @@ export interface ButtonElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
+ *
+ * @interface TextAreaElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface TextAreaElement extends Element {
   /**
    * Obtains or loses the focus of a component, which can display or collapse the input method.
@@ -1357,6 +2561,14 @@ export interface TextAreaElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains or loses the focus of a component, which can display or collapse the input method.
+   *
+   * @param { object } param - If focus is not passed, the default value true is used.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   focus(param: { focus: boolean }): void;
 }
 
@@ -1367,6 +2579,14 @@ export interface TextAreaElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <picker> component supports common, date, time, and multi-column text selectors.
+ *
+ * @interface PickerElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface PickerElement extends Element {
   /**
    * Displays the picker.
@@ -1374,6 +2594,13 @@ export interface PickerElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Displays the picker.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   show(): void;
 }
 
@@ -1384,6 +2611,14 @@ export interface PickerElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * The <video> component provides a video player.
+ *
+ * @interface VideoElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface VideoElement extends Element {
   /**
    * Requests to start playing a video.
@@ -1391,6 +2626,13 @@ export interface VideoElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Requests to start playing a video.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   start(): void;
 
   /**
@@ -1399,6 +2641,13 @@ export interface VideoElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Requests to pause a video.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   pause(): void;
 
   /**
@@ -1408,6 +2657,14 @@ export interface VideoElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Specifies the video playing position.
+   *
+   * @param { object } param
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setCurrentTime(param: { currenttime: number }): void;
 
   /**
@@ -1417,6 +2674,14 @@ export interface VideoElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Requests to enter the full screen mode.
+   *
+   * @param { object } param
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   requestFullscreen(param: { screenOrientation: "default" }): void;
 
   /**
@@ -1425,6 +2690,13 @@ export interface VideoElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Requests to exit the full screen mode.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   exitFullscreen(): void;
 
   /**
@@ -1433,6 +2705,13 @@ export interface VideoElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Requests to stop playing a video.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   stop(): void;
 }
 
@@ -1443,18 +2722,38 @@ export interface VideoElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * TextMetrics
+ *
+ * @interface TextMetrics
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface TextMetrics {
   /**
    * @type { number }
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   width: number;
   /**
    * @type { number }
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 8
    */
+  /**
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   height: number;
 }
 
@@ -1466,6 +2765,15 @@ export interface TextMetrics {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 7
  */
+/**
+ * Provides a 2D rendering context for the drawing surface of the < Canvas > element.
+ * It is used to draw shapes, text, images and other objects.
+ *
+ * @interface OffscreenCanvasRenderingContext2D
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface OffscreenCanvasRenderingContext2D {
   /**
    * Gets the dotted spacing of a line.
@@ -1474,6 +2782,14 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Gets the dotted spacing of a line.
+   * Returns the current line segment style array containing an even number of non-negative numbers.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getLineDash: Array<number>;
 
   /**
@@ -1486,6 +2802,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Fill style attribute.
+   * Paint color used to fill the area.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   *
+   * @type { ?(string | CanvasGradient | CanvasPattern) }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fillStyle?: string | CanvasGradient | CanvasPattern;
 
   /**
@@ -1498,6 +2825,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Sets the stroke paint style.
+   * Color of the stroke paint.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   *
+   * @type { ?(string | CanvasGradient | CanvasPattern) }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   strokeStyle?: string | CanvasGradient | CanvasPattern;
 
   /**
@@ -1507,6 +2845,14 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Sets the dotted spacing of a line.
+   *
+   * @param { Array<number> } segments - A set of numbers describing the length of alternating drawn line segments and spacing (coordinate space units).
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setLineDash(segments: Array<number>): void;
 
   /**
@@ -1520,6 +2866,18 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draw an Image object.
+   *
+   * @param { Image } image - An element drawn to the context.
+   * @param { number } dx - The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param { number } dy - The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param { number } dw - Image The width drawn on the target canvas.
+   * @param { number } dh - Image The height drawn on the target canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   drawImage(image: Image, dx: number, dy: number, dw: number, dh: number): void;
 
   /**
@@ -1537,6 +2895,22 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draw an Image object.
+   *
+   * @param { Image } image - An element drawn to the context.
+   * @param { number } sx - The upper-left X-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param { number } sy - The upper-left Y-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param { number } sw - The width of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   * @param { number } sh - The height of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   * @param { number } dx - The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param { number } dy - The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param { number } dw - Image The width drawn on the target canvas.
+   * @param { number } dh - Image The height drawn on the target canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   drawImage(
     image: Image,
     sx: number,
@@ -1560,6 +2934,18 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 9
    */
+  /**
+   * Draw an Image object.
+   *
+   * @param { image.PixelMap } image - An element drawn to the context.
+   * @param { number } dx - The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param { number } dy - The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param { number } dw - Image The width drawn on the target canvas.
+   * @param { number } dh - Image The height drawn on the target canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   drawImage(image: image.PixelMap, dx: number, dy: number, dw: number, dh: number): void;
 
   /**
@@ -1577,6 +2963,22 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 9
    */
+  /**
+   * Draw an Image object.
+   *
+   * @param { image.PixelMap } image - An element drawn to the context.
+   * @param { number } sx - The upper-left X-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param { number } sy - The upper-left Y-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param { number } sw - The width of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   * @param { number } sh - The height of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   * @param { number } dx - The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param { number } dy - The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param { number } dw - Image The width drawn on the target canvas.
+   * @param { number } dh - Image The height drawn on the target canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   drawImage(
     image: image.PixelMap,
     sx: number,
@@ -1595,6 +2997,13 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Creates a drawing path.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   beginPath(): void;
 
   /**
@@ -1603,6 +3012,13 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Crop the current canvas.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   clip(): void;
 
   /**
@@ -1611,6 +3027,13 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Fills the current canvas with color.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fill(): void;
 
   /**
@@ -1622,6 +3045,16 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Check whether the specified coordinate point is on the Path.
+   *
+   * @param { number } x - The X coordinate of the detection point.
+   * @param { number } y - The Y coordinate of the detection point.
+   * @returns { boolean } boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   isPointInPath(x: number, y: number): boolean;
 
   /**
@@ -1634,6 +3067,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Check whether the specified coordinate point is on the Path.
+   *
+   * @param { Path2D } path - The Path2D path that needs to be populated.
+   * @param { number } x - The X coordinate of the detection point.
+   * @param { number } y - The Y coordinate of the detection point.
+   * @returns { boolean } boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   isPointInPath(path: Path2D, x: number, y: number): boolean;
 
   /**
@@ -1645,6 +3089,16 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Checks whether the specified coordinate point is on the stroke edge.
+   *
+   * @param { number } x - The X coordinate of the detection point.
+   * @param { number } y - The Y coordinate of the detection point.
+   * @returns { boolean } boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   isPointInStroke(x: number, y: number): boolean;
 
   /**
@@ -1657,6 +3111,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Checks whether the specified coordinate point is on the stroke edge.
+   *
+   * @param { Path2D } path - Path2D path.
+   * @param { number } x - The X coordinate of the detection point.
+   * @param { number } y - The Y coordinate of the detection point.
+   * @returns { boolean } boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   isPointInStroke(path: Path2D, x: number, y: number): boolean;
 
   /**
@@ -1665,6 +3130,13 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Stroke draws the current path.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   stroke(): void;
 
   /**
@@ -1674,6 +3146,14 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Stroke draws the current path.
+   *
+   * @param { Path2D } path - The object of Path2D.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   stroke(path: Path2D): void;
 
   /**
@@ -1689,6 +3169,20 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Create a radial tween object.
+   *
+   * @param { number } x0 - The x coordinate of the circle at the beginning.
+   * @param { number } y0 - The y coordinate of the circle at the beginning.
+   * @param { number } r0 - The radius of the starting circle.
+   * @param { number } x1 - X-coordinate of the end point.
+   * @param { number } y1 - Y-coordinate of the end point.
+   * @param { number } r1 - The radius of End Circle.
+   * @returns { CanvasGradient } RadialGradient object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
 
   /**
@@ -1700,6 +3194,16 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Create a drawing style template.
+   *
+   * @param { Image } image - The CanvasImageSource object that is the source of the duplicate image.
+   * @param { string } repetition - Specify how to repeat images.
+   * @returns { CanvasPattern } CanvasPattern An opaque object that describes a schema.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createPattern(image: Image, repetition: string): CanvasPattern;
 
   /**
@@ -1713,6 +3217,18 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Creates a linear gradient color.
+   *
+   * @param { number } x0 - X-coordinate of the start point.
+   * @param { number } y0 - Y-coordinate of the start point.
+   * @param { number } x1 - X-coordinate of the end point.
+   * @param { number } y1 - Y-coordinate of the end point.
+   * @returns { CanvasGradient } LinearGradient object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
 
   /**
@@ -1724,6 +3240,16 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Create an ImageData object.
+   *
+   * @param { number } sw - The width of the new object.
+   * @param { number } sh - The height of the new object.
+   * @returns { ImageData } ImageData New ImageData object with width and height specified.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createImageData(sw: number, sh: number): ImageData;
 
   /**
@@ -1735,6 +3261,16 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Create an ImageData object.
+   *
+   * @param { ImageData } imagedata - Copy an object of the same width and height from an existing ImageData object
+   * The image itself is not allowed to be copied.
+   * @returns { ImageData } ImageData New ImageData object with width and height specified.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createImageData(imagedata: ImageData): ImageData;
 
   /**
@@ -1745,6 +3281,15 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   *
+   * @param { Path2D } [path] - another created Path2D object.
+   * @returns { Path2D } the object of Path2D.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createPath2D(path?: Path2D): Path2D;
 
   /**
@@ -1755,6 +3300,15 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   *
+   * @param { string } [cmds] - a string defined using the SVG path command.
+   * @returns { Path2D } the object of Path2D.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createPath2D(cmds?: string): Path2D;
 
   /**
@@ -1768,6 +3322,18 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Get an ImageData object.
+   *
+   * @param { number } sx - The upper-left x-coordinate of the rectangular area of the image data to be extracted.
+   * @param { number } sy - The upper-left y coordinate of the rectangular region of the image data to be extracted.
+   * @param { number } sw - The width of the rectangular area of the image data to be extracted.
+   * @param { number } sh - The height of the rectangular area of the image data to be extracted.
+   * @returns { ImageData } ImageData An ImageData object that contains the rectangular ImageData given by the canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
 
   /**
@@ -1781,6 +3347,18 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 9
    */
+  /**
+   * Get an PixelMap object.
+   *
+   * @param { number } sx - The upper-left x-coordinate of the rectangular area of the image data to be extracted.
+   * @param { number } sy - The upper-left y coordinate of the rectangular region of the image data to be extracted.
+   * @param { number } sw - The width of the rectangular area of the image data to be extracted.
+   * @param { number } sh - The height of the rectangular area of the image data to be extracted.
+   * @returns { image.PixelMap } PixelMap A PixelMap object that contains the rectangular ImageData given by the canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getPixelMap(sx: number, sy: number, sw: number, sh: number): image.PixelMap
 
   /**
@@ -1792,6 +3370,16 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draws the specified ImageData object to the canvas.
+   *
+   * @param { ImageData } imagedata - An array object containing pixel values.
+   * @param { number } dx - The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
+   * @param { number } dy - The offset of the position of the source image data in the target canvas (the Y-axis offset).
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   putImageData(imagedata: ImageData, dx: number, dy: number): void;
 
   /**
@@ -1809,6 +3397,22 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draws the specified ImageData object to the canvas.
+   *
+   * @param { ImageData } imagedata - An array object containing pixel values.
+   * @param { number } dx - The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
+   * @param { number } dy - he offset of the position of the source image data in the target canvas (the Y-axis offset).
+   * @param { number } dirtyX - In the source image data,
+   * the position of the upper left corner of the rectangular region Default is the upper left corner of the entire image data (x coordinate).
+   * @param { number } dirtyY - In the source image data,
+   * the position of the upper left corner of the rectangular region Default is the top left corner (y coordinate) of the entire image data.
+   * @param { number } dirtyWidth - In the source image data, the width of a rectangular region. Default is the width of the image data.
+   * @param { number } dirtyHeight - In the source image data, the height of a rectangular region. Default is the height of the image data.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   putImageData(
     imagedata: ImageData,
     dx: number,
@@ -1831,6 +3435,19 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draw an arc.
+   *
+   * @param { number } radius - Radius of an arc.
+   * @param { number } x - The X-axis coordinates of the center of the circle.
+   * @param { number } y - The Y-axis coordinates of the center of an arc (center of a circle).
+   * @param { number } startAngle - The starting point of the arc, in the X-axis direction, is calculated in radians.
+   * @param { number } endAngle - The end point of an arc, expressed in radians.
+   * @param { boolean } [anticlockwise] - An optional Boolean value. If true, the arc is drawn counterclockwise, and otherwise clockwise.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   arc(radius: number, x: number, y: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
 
   /**
@@ -1844,6 +3461,18 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draws an arc from the beginning to the end.
+   *
+   * @param { number } x1 - The X-axis coordinates of the first control point.
+   * @param { number } x2 - The X-axis coordinates of the second control point.
+   * @param { number } y1 - The y-coordinate of the first control point.
+   * @param { number } y2 - The Y-axis coordinates of the second control point.
+   * @param { number } radius - Radius of an arc.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   arcTo(x1: number, x2: number, y1: number, y2: number, radius: number): void;
 
   /**
@@ -1858,6 +3487,19 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draw a third order Bezier curve.
+   *
+   * @param { number } cp1x - The X-axis coordinates of the first control point.
+   * @param { number } cp1y - The y-coordinate of the first control point.
+   * @param { number } cp2x - The X-axis coordinates of the second control point.
+   * @param { number } cp2y - The Y-axis coordinates of the second control point.
+   * @param { number } x - The x-coordinate of the end point.
+   * @param { number } y - The y-coordinate of the end point
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
 
   /**
@@ -1866,6 +3508,13 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Closing the current path.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   closePath(): void;
 
   /**
@@ -1876,6 +3525,15 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draw a straight line.
+   *
+   * @param { number } x - The X-axis coordinates at the end of the line.
+   * @param { number } y - The Y-axis coordinates at the end of the line.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   lineTo(x: number, y: number): void;
 
   /**
@@ -1892,6 +3550,21 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draw an ellipse.
+   *
+   * @param { number } x - The X-axis coordinates of the center of the ellipse.
+   * @param { number } y - The Y-axis coordinates of the center of the ellipse.
+   * @param { number } radiusX - The radius of the major axis of an ellipse.
+   * @param { number } radiusY - The radius of the short axis of an ellipse.
+   * @param { number } rotation - The Angle of rotation of an ellipse, expressed in radians.
+   * @param { number } startAngle - The starting point Angle to be plotted, measured from the X-axis, is expressed in radians.
+   * @param { number } endAngle - The Angle, expressed in radians, at which the ellipse will be drawn.
+   * @param { boolean } [anticlockwise] - If true, the ellipse is drawn counterclockwise (counterclockwise) and clockwise otherwise.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   ellipse(
     x: number,
     y: number,
@@ -1911,6 +3584,15 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Moves the current canvas to the specified coordinate point.
+   *
+   * @param { number } x - The x axis.
+   * @param { number } y - The y axis.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   moveTo(x: number, y: number): void;
 
   /**
@@ -1923,6 +3605,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draw a second order Bezier curve.
+   *
+   * @param { number } cpx - The X-axis coordinates of the control points.
+   * @param { number } cpy - The y-coordinate of the control point.
+   * @param { number } x - The X-axis of the end point.
+   * @param { number } y - The Y-axis of the end point.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
 
   /**
@@ -1935,6 +3628,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draw a rectangle.
+   *
+   * @param { number } x - The X-axis coordinates at the beginning of the rectangle.
+   * @param { number } y - The Y-axis coordinates at the beginning of the rectangle.
+   * @param { number } w - The width of a rectangle.
+   * @param { number } h - The height of a rectangle.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rect(x: number, y: number, w: number, h: number): void;
 
   /**
@@ -1947,6 +3651,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Clears the contents of the specified rectangular area.
+   *
+   * @param { number } x - The X-axis coordinates at the beginning of the rectangle.
+   * @param { number } y - The Y-axis coordinates at the beginning of the rectangle.
+   * @param { number } w - The width of a rectangle.
+   * @param { number } h - The height of a rectangle.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   clearRect(x: number, y: number, w: number, h: number): void;
 
   /**
@@ -1959,6 +3674,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Fills a rectangular area.
+   *
+   * @param { number } x - The X-axis coordinates at the beginning of the rectangle.
+   * @param { number } y - The Y-axis coordinates at the beginning of the rectangle.
+   * @param { number } w - The width of a rectangle.
+   * @param { number } h - The height of a rectangle.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fillRect(x: number, y: number, w: number, h: number): void;
 
   /**
@@ -1971,6 +3697,17 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Stroke a rectangular area.
+   *
+   * @param { number } x - The X-axis coordinates at the beginning of the rectangle.
+   * @param { number } y - The Y-axis coordinates at the beginning of the rectangle.
+   * @param { number } w - The width of the rectangle. Positive values on the right, negative values on the left.
+   * @param { number } h - The height of the rectangle. Positive values are down, negative values are up.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   strokeRect(x: number, y: number, w: number, h: number): void;
 
   /**
@@ -1982,6 +3719,16 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Stroke a rectangular area.
+   *
+   * @param { string } text - Render text using the current values of font, textAlign, textBaseline, and direction.
+   * @param { number } y - The Y-axis coordinates of the starting point of the text.
+   * @param { number } x - The X-axis coordinates of the starting point of the text.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fillText(text: string, y: number, x: number /*, maxWidth?: number*/): void;
 
   /**
@@ -1992,6 +3739,15 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Returns a TextMetrics object used to obtain the width of specified text.
+   *
+   * @param { string } text - Text to be measured.
+   * @returns { TextMetrics } Object that contains the text width. You can obtain the width by TextMetrics.width.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   measureText(text: string): TextMetrics;
 
   /**
@@ -2003,6 +3759,16 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draws the stroke of a text string.
+   *
+   * @param { string } text - Text stroke to draw.
+   * @param { number } x - X-coordinate of the lower left corner of the text stroke.
+   * @param { number } y - Y-coordinate of the lower left corner of the text stroke.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   strokeText(text: string, x: number, y: number /*, maxWidth?: number*/): void;
 
   /**
@@ -2011,6 +3777,13 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Resets the current matrix transformation effect.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   resetTransform(): void;
 
   /**
@@ -2020,6 +3793,14 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Adds a rotation effect to the current canvas.
+   *
+   * @param { number } angle - The radian of clockwise rotation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rotate(angle: number): void;
 
   /**
@@ -2030,6 +3811,15 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Adds a zoom effect to the current canvas.
+   *
+   * @param { number } x - The horizontal scaling factor.
+   * @param { number } y - The scaling factor in the vertical direction.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scale(x: number, y: number): void;
 
   /**
@@ -2044,6 +3834,19 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Set the rotation, pan, and zoom effects.
+   *
+   * @param { number } a - The level of zoom.
+   * @param { number } b - Vertical tilt.
+   * @param { number } c - Horizontal tilt.
+   * @param { number } d - Vertical scaling.
+   * @param { number } e - The level of mobile.
+   * @param { number } f - Vertical movement.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void;
 
   /**
@@ -2058,6 +3861,19 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Set the rotation, pan, and zoom effects.
+   *
+   * @param { number } a - The level of zoom.
+   * @param { number } b - Vertical tilt.
+   * @param { number } c - Horizontal tilt.
+   * @param { number } d - Vertical scaling.
+   * @param { number } e - The level of mobile.
+   * @param { number } f - Vertical movement.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   transform(a: number, b: number, c: number, d: number, e: number, f: number): void;
 
   /**
@@ -2068,6 +3884,15 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Adds a pan effect to the current canvas.
+   *
+   * @param { number } x - Horizontal movement distance.
+   * @param { number } y - Vertical movement.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   translate(x: number, y: number): void;
 
   /**
@@ -2076,6 +3901,13 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Restores the configuration information of the last saved canvas context.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   restore(): void;
 
   /**
@@ -2084,6 +3916,13 @@ export interface OffscreenCanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Saves configuration information for the current canvas context.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   save(): void;
 }
 
@@ -2095,6 +3934,15 @@ export interface OffscreenCanvasRenderingContext2D {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * CanvasRenderingContext2D allows you to draw rectangles, text, images, and other objects on a canvas.
+ * You can call getContext('2d') on canvas to obtain a CanvasRenderingContext2D object.
+ *
+ * @interface CanvasRenderingContext2D
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface CanvasRenderingContext2D {
   /**
    * Fills a rectangle on the canvas.
@@ -2106,6 +3954,17 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Fills a rectangle on the canvas.
+   *
+   * @param { number } x - X-coordinate of the upper left corner of the rectangle.
+   * @param { number } y - Y-coordinate of the upper left corner of the rectangle.
+   * @param { number } width - Width of the rectangle.
+   * @param { number } height - Height of the rectangle.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fillRect(x: number, y: number, width: number, height: number): void;
 
   /**
@@ -2118,6 +3977,17 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the style of a paint to fill an area.
+   * Paint color used to fill the area.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   *
+   * @type { ?(string | CanvasGradient | CanvasPattern) }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fillStyle?: string | CanvasGradient | CanvasPattern;
 
   /**
@@ -2130,6 +4000,17 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Clears the content in a rectangle on the canvas.
+   *
+   * @param { number } x - X-coordinate of the upper left corner of the rectangle.
+   * @param { number } y - Y-coordinate of the upper left corner of the rectangle.
+   * @param { number } width - Width of the rectangle.
+   * @param { number } height - Height of the rectangle.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   clearRect(x: number, y: number, width: number, height: number): void;
 
   /**
@@ -2142,6 +4023,17 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a rectangle stroke on the canvas.
+   *
+   * @param { number } x - X-coordinate of the upper left corner of the rectangle stroke.
+   * @param { number } y - Y-coordinate of the upper left corner of the rectangle stroke.
+   * @param { number } width - Width of the rectangle stroke.
+   * @param { number } height - Height of the rectangle stroke.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   strokeRect(x: number, y: number, width: number, height: number): void;
 
   /**
@@ -2153,6 +4045,16 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws filled text on the canvas.
+   *
+   * @param { string } text - Text to draw.
+   * @param { number } x - X-coordinate of the lower left corner of the text.
+   * @param { number } y - Y-coordinate of the lower left corner of the text.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fillText(text: string, x: number, y: number): void;
 
   /**
@@ -2164,6 +4066,16 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a text stroke on the canvas.
+   *
+   * @param { string } text - Text stroke to draw.
+   * @param { number } x - X-coordinate of the lower left corner of the text stroke.
+   * @param { number } y - Y-coordinate of the lower left corner of the text stroke.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   strokeText(text: string, x: number, y: number): void;
 
   /**
@@ -2174,6 +4086,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Returns a TextMetrics object used to obtain the width of specified text.
+   *
+   * @param { string } text - Text to be measured.
+   * @returns { TextMetrics } Object that contains the text width. You can obtain the width by TextMetrics.width.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   measureText(text: string): TextMetrics;
 
   /**
@@ -2183,6 +4104,14 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the width of a line.
+   *
+   * @type { ?number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   lineWidth?: number;
 
   /**
@@ -2195,6 +4124,17 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the stroke paint style.
+   * Color of the stroke paint.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   *
+   * @type { ?(string | CanvasGradient | CanvasPattern) }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   strokeStyle?: string | CanvasGradient | CanvasPattern;
 
   /**
@@ -2203,6 +4143,13 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a border stroke.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   stroke(): void;
 
   /**
@@ -2212,6 +4159,14 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a path stroke.
+   *
+   * @param { Path2D } path - The object of Path2D.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   stroke(path: Path2D): void;
 
   /**
@@ -2220,6 +4175,13 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates a drawing path.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   beginPath(): void;
 
   /**
@@ -2230,6 +4192,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Moves a drawing path to a target position on the canvas.
+   *
+   * @param { number } x - X-coordinate of the target position.
+   * @param { number } y - Y-coordinate of the target position.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   moveTo(x: number, y: number): void;
 
   /**
@@ -2240,6 +4211,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Connects the current point to a target position using a straight line.
+   *
+   * @param { number } x - X-coordinate of the target position.
+   * @param { number } y - Y-coordinate of the target position.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   lineTo(x: number, y: number): void;
 
   /**
@@ -2248,6 +4228,13 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a closed path.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   closePath(): void;
 
   /**
@@ -2262,6 +4249,19 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the style of line endpoints.
+   * Style of line endpoints. Available values include:
+   * butt (default): The endpoints of the line are in square.
+   * round: The endpoints of the line are rounded.
+   * square: The endpoints of the line are in square,
+   * and each end of the line is added with a rectangle whose length is the same as the line thickness and whose width is half of the line thickness.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   lineCap: string;
 
   /**
@@ -2276,6 +4276,19 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the style for an intersection point where a line joins another.
+   * Style of the intersection point of lines. Available values include:
+   * round: The intersection part is a sector. The radius of a rounded corner is equal to the line width.
+   * bevel: The intersection part is a triangle. The rectangular corner of each line is independent.
+   * miter (default): The intersection part has a miter corner by extending the outside edges of the lines until they meet.
+   * You can view the effect of this attribute in miterLimit.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   lineJoin: string;
 
   /**
@@ -2286,6 +4299,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the maximum miter length. The miter length is the distance between the inner corner and the outer corner where two lines meet.
+   * Maximum miter length. The default value is 10.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   miterLimit: number;
 
   /**
@@ -2298,6 +4320,17 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the font style.
+   * Font style.
+   * The default value is 10px sans-serif in tv, phone, tablet, wearable.
+   * The default value is 30px SourceHanSansSC-Regular in smartVision.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   font: string;
 
   /**
@@ -2315,6 +4348,22 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the text alignment mode.
+   * Text alignment mode. Available values include:
+   * left (default): The text is left-aligned.
+   * right: The text is right-aligned.
+   * center: The text is center-aligned.
+   * start: The text is aligned with the start bound. Can't be supported by smartVision.
+   * end: The text is aligned with the end bound. Can't be supported by smartVision.
+   * NOTE
+   * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
+   *
+   * @type { "left" | "right" | "center" | "start" | "end" }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   textAlign: "left" | "right" | "center" | "start" | "end";
 
   /**
@@ -2325,6 +4374,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets whether an image is smooth.
+   * default value is true.
+   *
+   * @type { boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   imageSmoothingEnabled: boolean;
 
   /**
@@ -2343,6 +4401,23 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets a text baseline in the horizontal direction for text alignment.
+   * Text baseline. Available values include:
+   * alphabetic (default): The text baseline is the normal alphabetic baseline.
+   * top: The text baseline is on the top of the text bounding box.
+   * hanging: The text baseline is a hanging baseline over the text.
+   * middle: The text baseline is in the middle of the text bounding box.
+   * ideographic: The text baseline is the ideographic baseline. If a character exceeds the alphabetic baseline,
+   * the ideographic baseline is located at the bottom of the excessive character.
+   * bottom: The text baseline is at the bottom of the text bounding box.
+   * Its difference from the ideographic baseline is that the ideographic baseline does not consider letters in the next line.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   textBaseline: string;
 
   /**
@@ -2356,6 +4431,18 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Creates a linear gradient color.
+   *
+   * @param { number } x0 - X-coordinate of the start point.
+   * @param { number } y0 - Y-coordinate of the start point.
+   * @param { number } x1 - X-coordinate of the end point.
+   * @param { number } y1 - Y-coordinate of the end point.
+   * @returns { CanvasGradient } LinearGradient object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
 
   /**
@@ -2371,6 +4458,20 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Creates a radial gradient color.
+   *
+   * @param { number } x0 - X-coordinate of the start point.
+   * @param { number } y0 - Y-coordinate of the start point.
+   * @param { number } r0 - The radius of the starting circle.
+   * @param { number } x1 - X-coordinate of the end point.
+   * @param { number } y1 - Y-coordinate of the end point.
+   * @param { number } r1 - The radius of End Circle.
+   * @returns { CanvasGradient } RadialGradient object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
 
   /**
@@ -2382,6 +4483,16 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates a pattern for image filling based on a specified source image and repetition mode.
+   *
+   * @param { Image } image - Source image.
+   * @param { string } repetition - Repetition mode. The value can be "repeat", "repeat-x", "repeat-y", or "no-repeat".
+   * @returns { object } Pattern of image filling.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createPattern(image: Image, repetition: string): object;
 
   /**
@@ -2392,6 +4503,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   *
+   * @param { Path2D } [path] - another created Path2D object.
+   * @returns { Path2D } the object of Path2D.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createPath2D(path?: Path2D): Path2D;
 
   /**
@@ -2402,6 +4522,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   *
+   * @param { string } [cmds] - a string defined using the SVG path command.
+   * @returns { Path2D } the object of Path2D.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createPath2D(cmds?: string): Path2D;
 
   /**
@@ -2416,6 +4545,19 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a cubic bezier curve on the canvas.
+   *
+   * @param { number } cp1x - X-coordinate of the first parameter of the bezier curve.
+   * @param { number } cp1y - Y-coordinate of the first parameter of the bezier curve.
+   * @param { number } cp2x - X-coordinate of the second parameter of the bezier curve.
+   * @param { number } cp2y - Y-coordinate of the second parameter of the bezier curve.
+   * @param { number } x - End point x-coordinate of the bezier curve.
+   * @param { number } y - End point y-coordinate of the bezier curve.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
 
   /**
@@ -2428,6 +4570,17 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a quadratic curve on the canvas.
+   *
+   * @param { number } cpx - X-coordinate of the bezier curve parameter.
+   * @param { number } cpy - Y-coordinate of the bezier curve parameter.
+   * @param { number } x - End point x-coordinate of the bezier curve.
+   * @param { number } y - End point y-coordinate of the bezier curve.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
 
   /**
@@ -2442,6 +4595,19 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws an arc on the canvas.
+   *
+   * @param { number } x - X-coordinate of the center point of the arc.
+   * @param { number } y - Y-coordinate of the center point of the arc.
+   * @param { number } radius - Radius of the arc.
+   * @param { number } startAngle - Start radian of the arc.
+   * @param { number } endAngel - End radian of the arc.
+   * @param { boolean } [anticlockwise] - Whether to draw the arc counterclockwise.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   arc(x: number, y: number, radius: number, startAngle: number, endAngel: number, anticlockwise?: boolean): void;
 
   /**
@@ -2455,6 +4621,18 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws an arc based on the radius and points on the arc.
+   *
+   * @param { number } x1 - X-coordinate of the first point on the arc.
+   * @param { number } y1 - Y-coordinate of the first point on the arc.
+   * @param { number } x2 - X-coordinate of the second point on the arc.
+   * @param { number } y2 - Y-coordinate of the second point on the arc.
+   * @param { number } radius - Radius of the arc.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
 
   /**
@@ -2472,6 +4650,22 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws an ellipse based on the coordinate and radius.
+   *
+   * @param { number } x - X-coordinate of the center point on the ellipse.
+   * @param { number } y - Y-coordinate of the center point on the ellipse.
+   * @param { number } radiusX - X-coordinate of the radius Length on the ellipse.
+   * @param { number } radiusY - Y-coordinate of the radius Length on the ellipse.
+   * @param { number } rotation - The rotation angle of the ellipse, in radians.
+   * @param { number } startAngle - Angle of the start point for ellipse drawing.
+   * @param { number } endAngle - End Point Angle for Ellipse Drawing.
+   * @param { number } anticlockwise - Indicates whether to draw an ellipse counterclockwise.
+   * 0: clockwise; 1: counterclockwise. The default value is 0.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   ellipse(
     x: number,
     y: number,
@@ -2493,6 +4687,17 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates a rectangular.
+   *
+   * @param { number } x - X-coordinate of the upper left corner of the rectangle.
+   * @param { number } y - Y-coordinate of the upper left corner of the rectangle.
+   * @param { number } width - Width of the rectangle.
+   * @param { number } height - Height of the rectangle.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rect(x: number, y: number, width: number, height: number): void;
 
   /**
@@ -2501,6 +4706,13 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Fills the area inside a closed path.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fill(): void;
 
   /**
@@ -2509,6 +4721,13 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets a path as the clipping path.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   clip(): void;
 
   /**
@@ -2518,6 +4737,14 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Rotates a canvas clockwise around its coordinate axes.
+   *
+   * @param { number } rotate - Clockwise rotation angle. You can use Math.PI / 180 to convert the angle to radian.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rotate(rotate: number): void;
 
   /**
@@ -2528,6 +4755,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Scales a canvas based on scaling factors.
+   *
+   * @param { number } x - Horizontal scale factor.
+   * @param { number } y - Vertical scale factor.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scale(x: number, y: number): void;
 
   /**
@@ -2545,6 +4781,22 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Defines a transformation matrix.
+   * To transform a graph, you only need to set parameters of the matrix.
+   * The coordinates of the corresponding graph are multiplied by the matrix values to obtain new coordinates of the transformed graph.
+   * You can use the matrix to implement multiple transform effects.
+   *
+   * @param { number } scaleX - X-axis scale.
+   * @param { number } skewX - X-axis skew.
+   * @param { number } skewY - Y-axis skew.
+   * @param { number } scaleY - Y-axis scale.
+   * @param { number } translateX - X-axis translation.
+   * @param { number } translateY - Y-axis translation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   transform(scaleX: number, skewX: number, skewY: number, scaleY: number, translateX: number, translateY: number): void;
 
   /**
@@ -2559,6 +4811,19 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Uses same parameters as the transform() function to reset the existing transformation matrix and create a new transformation matrix.
+   *
+   * @param { number } scaleX - X-axis scale.
+   * @param { number } skewX - X-axis skew.
+   * @param { number } skewY - Y-axis skew.
+   * @param { number } scaleY - Y-axis scale.
+   * @param { number } translateX - X-axis translation.
+   * @param { number } translateY - Y-axis translation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setTransform(
     scaleX: number,
     skewX: number,
@@ -2576,6 +4841,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Moves the origin of the coordinate system.
+   *
+   * @param { number } x - X-axis translation.
+   * @param { number } y - Y-axis translation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   translate(x: number, y: number): void;
 
   /**
@@ -2587,6 +4861,16 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the alpha value.
+   * Global alpha value to set.
+   * The value ranges from 0.0 (completely transparent) to 1.0 (completely opaque).
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   globalAlpha: number;
 
   /**
@@ -2600,6 +4884,18 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws an image.
+   *
+   * @param { Image } image - Image resource.
+   * @param { number } dx - X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param { number } dy - Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param { number } dWidth - Width of the drawing area.
+   * @param { number } dHeight - Height of the drawing area.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   drawImage(image: Image, dx: number, dy: number, dWidth: number, dHeight: number): void;
 
   /**
@@ -2617,6 +4913,22 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws an image.
+   *
+   * @param { Image } image - Image resource.
+   * @param { number } sx - X-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param { number } sy - Y-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param { number } sWidth - Target width of the image to crop.
+   * @param { number } sHeight - Target height of the image to crop.
+   * @param { number } dx - X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param { number } dy - Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param { number } dWidth - Width of the drawing area.
+   * @param { number } dHeight - Height of the drawing area.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   drawImage(
     image: Image,
     sx: number,
@@ -2640,6 +4952,18 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 9
    */
+  /**
+   * Draws an image.
+   *
+   * @param { image.PixelMap } image - Image resource.
+   * @param { number } dx - X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param { number } dy - Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param { number } dWidth - Width of the drawing area.
+   * @param { number } dHeight - Height of the drawing area.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   drawImage(image: image.PixelMap, dx: number, dy: number, dWidth: number, dHeight: number): void;
 
   /**
@@ -2657,6 +4981,22 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 9
    */
+  /**
+   * Draws an image.
+   *
+   * @param { image.PixelMap } image - Image resource.
+   * @param { number } sx - X-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param { number } sy - Y-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param { number } sWidth - Target width of the image to crop.
+   * @param { number } sHeight - Target height of the image to crop.
+   * @param { number } dx - X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param { number } dy - Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param { number } dWidth - Width of the drawing area.
+   * @param { number } dHeight - Height of the drawing area.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   drawImage(
     image: image.PixelMap,
     sx: number,
@@ -2675,6 +5015,13 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Restores the saved drawing context.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   restore: () => void;
 
   /**
@@ -2683,6 +5030,13 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Saves the current drawing context.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   save: () => void;
 
   /**
@@ -2694,6 +5048,16 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates an ImageData object.
+   *
+   * @param { number } width - Width of the ImageData object.
+   * @param { number } height - Height of the ImageData object.
+   * @returns { ImageData } Returns the newly created FunctionCallable object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createImageData(width: number, height: number): ImageData;
   /**
    * Creates an ImageData object.
@@ -2703,6 +5067,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates an ImageData object.
+   *
+   * @param { ImageData } imagedata - ImageData object with the same width and height copied from the original ImageData object.
+   * @returns { ImageData } Returns the newly created FunctionCallable object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   createImageData(imagedata: ImageData): ImageData;
 
   /**
@@ -2716,6 +5089,18 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * ImageData object created with pixels in the specified area on the canvas.
+   *
+   * @param { number } sx - X-coordinate of the upper left corner of the output area.
+   * @param { number } sy - Y-coordinate of the upper left corner of the output area.
+   * @param { number } sw - Width of the output area.
+   * @param { number } sh - Height of the output area.
+   * @returns { ImageData } ImageData object that contains pixels in the specified area on the canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
 
   /**
@@ -2729,6 +5114,18 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 9
    */
+  /**
+   * Get an PixelMap object.
+   *
+   * @param { number } sx - The upper-left x-coordinate of the rectangular area of the image data to be extracted.
+   * @param { number } sy - The upper-left y coordinate of the rectangular region of the image data to be extracted.
+   * @param { number } sw - The width of the rectangular area of the image data to be extracted.
+   * @param { number } sh - The height of the rectangular area of the image data to be extracted.
+   * @returns { image.PixelMap } PixelMap A PixelMap object that contains the rectangular ImageData given by the canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getPixelMap(sx: number, sy: number, sw: number, sh: number): image.PixelMap
 
   /**
@@ -2740,6 +5137,16 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Puts the ImageData onto a rectangular area on the canvas.
+   *
+   * @param { ImageData } imageData - ImageData object with pixels to put onto the canvas.
+   * @param { number } dx - X-axis offset of the rectangle area on the canvas.
+   * @param { number } dy - Y-axis offset of the rectangle area on the canvas.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   putImageData(imageData: ImageData, dx: number, dy: number): void;
 
   /**
@@ -2755,6 +5162,20 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Puts the ImageData onto a rectangular area on the canvas.
+   *
+   * @param { ImageData } imageData - ImageData object with pixels to put onto the canvas.
+   * @param { number } dx - X-axis offset of the rectangle area on the canvas.
+   * @param { number } dy - Y-axis offset of the rectangle area on the canvas.
+   * @param { number } dirtyX - X-axis offset of the upper left corner of the rectangle area relative to that of the source image.
+   * @param { number } dirtyY - Y-axis offset of the upper left corner of the rectangle area relative to that of the source image.
+   * @param { number } dirtyWidth - Width of the rectangle area to cop the source image.
+   * @param { number } dirtyHeight - Height of the rectangle area to cop the source image.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   putImageData(
     imageData: ImageData,
     dx: number,
@@ -2772,6 +5193,14 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the dash line style.
+   *
+   * @param { Array<number> } segments - Interval of alternate line segments and the length of spacing.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setLineDash(segments: Array<number>): void;
 
   /**
@@ -2781,6 +5210,14 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains the dash line style.
+   *
+   * @returns { Array<number> } Interval of alternate line segments and the length of spacing.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getLineDash(): Array<number>;
 
   /**
@@ -2791,6 +5228,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the dash line offset.
+   * Dash line offset. The value is a float number starting from 0.0.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   lineDashOffset: number;
 
   /**
@@ -2811,6 +5257,25 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the composite operation type.
+   * source-over Default value. Displays the new drawing above the existing drawing.
+   * source-atop Displays the new drawing on the top of the existing drawing.
+   * source-in Displays the new drawing inside the existing drawing.
+   * source-out Displays part of the new drawing that is outside of the existing drawing.
+   * destination-over Displays the existing drawing above the new drawing.
+   * destination-atop Displays the existing drawing above the new drawing.
+   * destination-in Displays the existing drawing inside the new drawing.
+   * destination-out Displays part of the existing drawing that is outside of the new drawing.
+   * lighter Displays both the new drawing and the existing drawing.
+   * copy Displays the new drawing and neglects the existing drawing.
+   * xor Combines the new drawing and existing drawing using the XOR operation.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   globalCompositeOperation: string;
 
   /**
@@ -2821,6 +5286,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the shadow blur degree.
+   * Shadow blur degree. A larger value indicates a more blurred shadow. The value is of the float type, and the default value is 0.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   shadowBlur: number;
 
   /**
@@ -2830,6 +5304,14 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the shadow color.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   shadowColor: string;
 
   /**
@@ -2840,6 +5322,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the x-axis shadow offset relative to the original object.
+   * X-axis shadow offset relative to the original object.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   shadowOffsetX: number;
 
   /**
@@ -2850,6 +5341,15 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Sets the y-axis shadow offset relative to the original object.
+   * Y-axis shadow offset relative to the original object.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   shadowOffsetY: number;
 
   /**
@@ -2859,6 +5359,14 @@ export interface CanvasRenderingContext2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 7
    */
+  /**
+   * Draws the Bitmap to the current canvas.
+   *
+   * @param { ImageBitmap } bitmap
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   transferFromImageBitmap(bitmap: ImageBitmap): void;
 }
 
@@ -2869,6 +5377,14 @@ export interface CanvasRenderingContext2D {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * You can create a gradient object on the canvas by calling CanvasRenderingContext2D.createLinearGradient().
+ *
+ * @interface CanvasGradient
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface CanvasGradient {
   /**
    * Adds a color stop for the CanvasGradient object based on the specified offset and gradient color.
@@ -2879,6 +5395,16 @@ export interface CanvasGradient {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Adds a color stop for the CanvasGradient object based on the specified offset and gradient color.
+   *
+   * @param { number } offset - Proportion of the distance between the color stop and the start point to the total length.
+   * The value ranges from 0 to 1.
+   * @param { string } color - Sets the gradient color.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   addColorStop(offset: number, color: string): void;
 }
 
@@ -2889,6 +5415,14 @@ export interface CanvasGradient {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * Path2D
+ *
+ * @interface Path2D
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface Path2D {
   /**
    * Add another path to current path.
@@ -2897,6 +5431,14 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Add another path to current path.
+   *
+   * @param { Path2D } path - another created Path2D object.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   addPath(path: Path2D): void;
 
   /**
@@ -2911,6 +5453,19 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Uses same parameters as the transform() function to reset the existing transformation matrix and create a new transformation matrix.
+   *
+   * @param { number } scaleX - X-axis scale.
+   * @param { number } skewX - X-axis skew.
+   * @param { number } skewY - Y-axis skew.
+   * @param { number } scaleY - Y-axis scale.
+   * @param { number } translateX - X-axis translation.
+   * @param { number } translateY - Y-axis translation.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   setTransform(
     scaleX: number,
     skewX: number,
@@ -2926,6 +5481,13 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a closed path.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   closePath(): void;
 
   /**
@@ -2936,6 +5498,15 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Moves a drawing path to a target position on the canvas.
+   *
+   * @param { number } x - X-coordinate of the target position.
+   * @param { number } y - Y-coordinate of the target position.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   moveTo(x: number, y: number): void;
 
   /**
@@ -2946,6 +5517,15 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Connects the current point to a target position using a straight line.
+   *
+   * @param { number } x - X-coordinate of the target position.
+   * @param { number } y - Y-coordinate of the target position.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   lineTo(x: number, y: number): void;
 
   /**
@@ -2960,6 +5540,19 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a cubic bezier curve on the canvas.
+   *
+   * @param { number } cp1x - X-coordinate of the first parameter of the bezier curve.
+   * @param { number } cp1y - Y-coordinate of the first parameter of the bezier curve.
+   * @param { number } cp2x - X-coordinate of the second parameter of the bezier curve.
+   * @param { number } cp2y - Y-coordinate of the second parameter of the bezier curve.
+   * @param { number } x - End point x-coordinate of the bezier curve.
+   * @param { number } y - End point y-coordinate of the bezier curve.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
 
   /**
@@ -2972,6 +5565,17 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws a quadratic curve on the canvas.
+   *
+   * @param { number } cpx - X-coordinate of the bezier curve parameter.
+   * @param { number } cpy - Y-coordinate of the bezier curve parameter.
+   * @param { number } x - End point x-coordinate of the bezier curve.
+   * @param { number } y - End point y-coordinate of the bezier curve.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
 
   /**
@@ -2986,6 +5590,19 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws an arc on the canvas.
+   *
+   * @param { number } x - X-coordinate of the center point of the arc.
+   * @param { number } y - Y-coordinate of the center point of the arc.
+   * @param { number } radius - Radius of the arc.
+   * @param { number } startAngle - Start radian of the arc.
+   * @param { number } endAngel - End radian of the arc.
+   * @param { boolean } [anticlockwise] - Whether to draw the arc counterclockwise.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   arc(x: number, y: number, radius: number, startAngle: number, endAngel: number, anticlockwise?: boolean): void;
 
   /**
@@ -2999,6 +5616,18 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws an arc based on the radius and points on the arc.
+   *
+   * @param { number } x1 - X-coordinate of the first point on the arc.
+   * @param { number } y1 - Y-coordinate of the first point on the arc.
+   * @param { number } x2 - X-coordinate of the second point on the arc.
+   * @param { number } y2 - Y-coordinate of the second point on the arc.
+   * @param { number } radius - Radius of the arc.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
 
   /**
@@ -3016,6 +5645,22 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Draws an ellipse based on the coordinate and radius.
+   *
+   * @param { number } x - X-coordinate of the center point on the ellipse.
+   * @param { number } y - Y-coordinate of the center point on the ellipse.
+   * @param { number } radiusX - X-coordinate of the radius Length on the ellipse.
+   * @param { number } radiusY - Y-coordinate of the radius Length on the ellipse.
+   * @param { number } rotation - The rotation angle of the ellipse, in radians.
+   * @param { number } startAngle - Angle of the start point for ellipse drawing.
+   * @param { number } endAngle - End Point Angle for Ellipse Drawing.
+   * @param { number } anticlockwise - Indicates whether to draw an ellipse counterclockwise.
+   * 0: clockwise; 1: counterclockwise. The default value is 0.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   ellipse(
     x: number,
     y: number,
@@ -3037,6 +5682,17 @@ export interface Path2D {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates a rectangular.
+   *
+   * @param { number } x - X-coordinate of the upper left corner of the rectangle.
+   * @param { number } y - Y-coordinate of the upper left corner of the rectangle.
+   * @param { number } width - Width of the rectangle.
+   * @param { number } height - Height of the rectangle.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   rect(x: number, y: number, width: number, height: number): void;
 }
 
@@ -3049,6 +5705,16 @@ export interface Path2D {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * <canvas> provides a rectangular canvas component for drawing graphics on the screen.
+ * You can control each pixel to draw on the canvas.
+ * <canvas> offers a variety of functions for drawing paths, rectangles, circles, text, and allows for adding images to it.
+ *
+ * @interface CanvasElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface CanvasElement extends Element {
   /**
    * Obtains the context of 2D canvas drawing.
@@ -3061,6 +5727,18 @@ export interface CanvasElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains the context of 2D canvas drawing.
+   * Only parameters related to 2D canvas drawing are supported.
+   * The return value is a 2D drawing object that provides specific 2D drawing operations.
+   *
+   * @param { "2d" } type - identifier defining the drawing context associated to the canvas.
+   * @param { ContextAttrOptions } [options] - use this context attributes to creating rendering context.
+   * @returns { CanvasRenderingContext2D }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getContext(type: "2d", options?: ContextAttrOptions): CanvasRenderingContext2D;
 
   /**
@@ -3074,6 +5752,18 @@ export interface CanvasElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Obtains the context of webgl canvas drawing.
+   * Only parameters related to webgl canvas drawing are supported.
+   * The return value is a webgl drawing object that provides specific webgl drawing operations.
+   *
+   * @param { "webgl" } type - identifier defining the drawing context associated to the canvas.
+   * @param { WebGLContextAttributes } [options] - use this context attributes to creating rendering context.
+   * @returns { WebGLRenderingContext }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getContext(type: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext;
 
   /**
@@ -3087,6 +5777,18 @@ export interface CanvasElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains the context of webgl2 canvas drawing.
+   * Only parameters related to webgl2 canvas drawing are supported.
+   * The return value is a webgl2 drawing object that provides specific webgl2 drawing operations.
+   *
+   * @param { "webgl2" } type - identifier defining the drawing context associated to the canvas.
+   * @param { WebGLContextAttributes } [options] - use this context attributes to creating rendering context.
+   * @returns { WebGL2RenderingContext }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
 
   /**
@@ -3100,6 +5802,18 @@ export interface CanvasElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Creates a data URI that contains the image display.
+   *
+   * @param { string } type - A DOMString indicating the image format. The default type is image/png.
+   * @param { number } [quality] - A Number between 0 and 1 indicating image quality if the type option
+   * is image/jpeg or image/webp. If this argument is anything else,
+   * the default value for image quality is used. Other arguments are ignored.
+   * @returns { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   toDataURL(type?: string, quality?: number): string;
 }
 
@@ -3110,6 +5824,14 @@ export interface CanvasElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * ScrollOptions
+ *
+ * @interface ScrollOptions
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ScrollOptions {
   /**
    * Scroll to the target position of the page. Unit: px
@@ -3118,6 +5840,14 @@ export interface ScrollOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Scroll to the target position of the page. Unit: px
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   position: number;
 
   /**
@@ -3127,6 +5857,14 @@ export interface ScrollOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Duration of the scrolling animation, in ms.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   duration: number;
 
   /**
@@ -3136,6 +5874,14 @@ export interface ScrollOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * The selector for current scroll.
+   *
+   * @type { ?string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   id?: string;
 
   /**
@@ -3145,6 +5891,14 @@ export interface ScrollOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * The timing function for current scroll animation.
+   *
+   * @type { ?string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   timingFunction?: string;
 
   /**
@@ -3154,6 +5908,14 @@ export interface ScrollOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Callback function for successful interface invocation.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   success?: (result: Object) => void;
 
   /**
@@ -3163,6 +5925,14 @@ export interface ScrollOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Callback function for interface invocation failure.
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fail?: (result: Object) => void;
 
   /**
@@ -3172,6 +5942,14 @@ export interface ScrollOptions {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
+   *
+   * @type { ?function }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   complete?: (result: Object) => void;
 }
 
@@ -3182,6 +5960,14 @@ export interface ScrollOptions {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * ScrollOffset
+ *
+ * @interface ScrollOffset
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ScrollOffset {
   /**
    * Scrolling offset in the x-axis, in px.
@@ -3190,6 +5976,14 @@ export interface ScrollOffset {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Scrolling offset in the x-axis, in px.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   x: number;
 
   /**
@@ -3199,6 +5993,14 @@ export interface ScrollOffset {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Scrolling offset in the y-axis, in px.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   y: number;
 }
 
@@ -3209,6 +6011,14 @@ export interface ScrollOffset {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * The <div> component provides a div container.
+ *
+ * @interface DivElement
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface DivElement extends Element {
   /**
    * Scrolls the div for a certain distance.
@@ -3217,6 +6027,14 @@ export interface DivElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Scrolls the div for a certain distance.
+   *
+   * @param { ScrollParam } data
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scrollBy(data: ScrollParam): void;
 
   /**
@@ -3226,6 +6044,14 @@ export interface DivElement extends Element {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Returns the offset of the current scrolling. The return value type is Object.
+   *
+   * @returns { ScrollOffset }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   getScrollOffset(): ScrollOffset;
 }
 
@@ -3236,6 +6062,14 @@ export interface DivElement extends Element {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * Application
+ *
+ * @interface Application
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface Application {
   /**
    * Object that is exposed in the app.js file and obtained by this.$app.$def.
@@ -3244,6 +6078,14 @@ export interface Application {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Object that is exposed in the app.js file and obtained by this.$app.$def.
+   *
+   * @type { any }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $def: any;
 }
 
@@ -3254,6 +6096,14 @@ export interface Application {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * ViewModel
+ *
+ * @interface ViewModel
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ViewModel {
   $app: Application;
 
@@ -3269,6 +6119,19 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Lite
    * @since 4
    */
+  /**
+   * Sets the parameters based on the system language, for example, this.$t('strings.hello').
+   *
+   * @param { string } path - Path of the language resource key.
+   * @param { object | Array<any> } [params] - Content used to replace placeholders during runtime.
+   * @returns { string } Content.
+   * There are two types of placeholders available:Named placeholder, for example, {name}.
+   * The actual content must be of the object type, for example, $t('strings.object', { name: 'Hello world' }).
+   * Digit placeholder, for example, {0}. The actual content must be of the array type, for example, $t('strings.array', ['Hello world'].
+   * @syscap SystemCapability.ArkUI.ArkUI.Lite
+   * @atomicservice
+   * @since 11
+   */
   $t(path: string, params?: object | Array<any>): string;
 
   /**
@@ -3282,6 +6145,18 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Converse between singular and plural forms based on the system language, for example, this.$tc('strings.plurals').
+   * NOTE
+   * The resource content is distinguished by the following JSON keys: zero, one, two, few, many, and other.
+   *
+   * @param { string } path - Resource file path.
+   * @param { number } count - Value.
+   * @returns { string } Content.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $tc(path: string, count: number): string;
 
   /**
@@ -3292,6 +6167,15 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Replace the resource path based on the DPI of the current device: this.$r('image.tv').
+   *
+   * @param { string } path - Resource file path.
+   * @returns { string } Content.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $r(path: string): string;
 
   /**
@@ -3303,6 +6187,16 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Adds an attribute or modifies an existing attribute.
+   * Usage: this.$set('key',value): Add an attribute.
+   *
+   * @param { string } key
+   * @param { any } value
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $set(key: string, value: any): void;
 
   /**
@@ -3313,6 +6207,15 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Deletes an attribute.
+   * Usage:this.$delete('key'): Delete an attribute.
+   *
+   * @param { string } key
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $delete(key: string): void;
 
   /**
@@ -3331,6 +6234,23 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains the component with a specified ID. If no ID is specified, the root component is returned.
+   * Usage:
+   * <div id='xxx'></div>
+   * this.$element('xxx'): Obtain the component whose ID is xxx.
+   * this.$element(): Obtain the root component.
+   *
+   * @param { string } [id] - Component ID.
+   * @returns {AnimationElement &CanvasElement &
+   * object &WebElement &CameraElement &ListElement &
+   * SwiperElement &DialogElement &ImageAnimatorElement &
+   * MarqueeElement &MenuElement &ChartElement &InputElement &
+   * ButtonElement &TextAreaElement &PickerElement &VideoElement &DivElement}
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $element(
     id?: string,
   ): AnimationElement &
@@ -3359,6 +6279,14 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains the root ViewModel instance.
+   *
+   * @returns { ViewModel & object }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $root(): ViewModel & object;
 
   /**
@@ -3368,6 +6296,14 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains the parent ViewModel instance.
+   *
+   * @returns { ViewModel & object }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $parent(): ViewModel & object;
 
   /**
@@ -3379,6 +6315,16 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Obtains the ViewModel instance of a custom child component with a specified ID.
+   * Usage:this.$child('xxx'): Obtain the ViewModel instance of a custom child component whose ID is xxx.
+   *
+   * @param { string } id - Component ID.
+   * @returns { ViewModel & object }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $child(id: string): ViewModel & object;
 
   /**
@@ -3389,6 +6335,15 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Listens for attribute changes. If the value of the data attribute changes, the bound event is triggered.
+   *
+   * @param { string } data - Attribute.
+   * @param { string } callback - Function name.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $watch(data: string, callback: string): void;
 
   /**
@@ -3398,6 +6353,14 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Lite
    * @since 4
    */
+  /**
+   * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
+   *
+   * @type { ElementReferences }
+   * @syscap SystemCapability.ArkUI.ArkUI.Lite
+   * @atomicservice
+   * @since 11
+   */
   $refs: ElementReferences;
 
   /**
@@ -3408,6 +6371,15 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Custom events.
+   *
+   * @param { string } event - The name of event.
+   * @param { object } [params] - The params of event.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   $emit(event: string, params?: object): void;
 
   /**
@@ -3417,6 +6389,14 @@ export interface ViewModel {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Scroll the page to the destination.
+   *
+   * @param { ScrollOptions } options - The properties of event.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   scrollTo(options: ScrollOptions): void;
 }
 
@@ -3427,6 +6407,14 @@ export interface ViewModel {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * ElementReferences
+ *
+ * @interface ElementReferences
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface ElementReferences {
   [k: string]: AnimationElement &
   CanvasElement &
@@ -3452,6 +6440,11 @@ export interface ElementReferences {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class Locate {
   /**
    * language, such as 'zh'.
@@ -3460,6 +6453,14 @@ export declare class Locate {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * language, such as 'zh'.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   language: string;
 
   /**
@@ -3469,6 +6470,14 @@ export declare class Locate {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * country or region, such ass 'CN'.
+   *
+   * @type { string }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   countryOrRegion: string;
 
   /**
@@ -3478,6 +6487,14 @@ export declare class Locate {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * text layout direction, ltr or rtl.
+   *
+   * @type { "ltr" | "rtl" }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   dir: "ltr" | "rtl";
 
   /**
@@ -3487,6 +6504,14 @@ export declare class Locate {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 5
    */
+  /**
+   * The Unicode locale key set defined by the locale. If this locale does not have a specific key set, an empty set is
+   * returned. For example: {"nu": "arab"}, which means that the numbers in the current environment use Arabic numbers.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   unicodeSetting: object;
 }
 
@@ -3494,6 +6519,11 @@ export declare class Locate {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 6
  */
+/**
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export declare class Configuration {
   /**
    * Internationalization related information, such as language, country, text layout direction, etc.
@@ -3502,6 +6532,14 @@ export declare class Configuration {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * Internationalization related information, such as language, country, text layout direction, etc.
+   *
+   * @type { Locate }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   locate: Locate;
 
   /**
@@ -3511,6 +6549,14 @@ export declare class Configuration {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * The magnification of the current system font.
+   *
+   * @type { number }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   fontScale: number;
 }
 
@@ -3521,6 +6567,14 @@ export declare class Configuration {
  * @syscap SystemCapability.ArkUI.ArkUI.Full
  * @since 4
  */
+/**
+ * Options
+ *
+ * @interface Options
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @atomicservice
+ * @since 11
+ */
 export interface Options<T extends ViewModel, Data = DefaultData<T>> {
   /**
    * Data model of the page that can be converted into a JSON object.
@@ -3541,6 +6595,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Listens for page initialization.
+   * Called when page initialization is complete. This function is called only once in a lifecycle.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onInit?(): void;
 
   /**
@@ -3550,6 +6612,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Listens for page creation.
+   * Called when a page is created. This function is called only once in a lifecycle.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onReady?(): void;
 
   /**
@@ -3559,6 +6629,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Listens for page display.
+   * Called when the page is displayed.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onShow?(): void;
 
   /**
@@ -3568,6 +6646,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Listens for page hiding.
+   * Called when the page disappears.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onHide?(): void;
 
   /**
@@ -3577,6 +6663,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Listens for page destruction.
+   * Called when the page is destroyed.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onDestroy?(): void;
 
   /**
@@ -3589,6 +6683,17 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Listens for the back button action.
+   * The back button is tapped:
+   *
+   * @returns { boolean } true means that the page processes the return logic.
+   * false means that the default return logic is used.
+   * If no value is returned, the default return logic is used.
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onBackPress?(): boolean;
 
   /**
@@ -3598,6 +6703,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 5
    */
+  /**
+   * Listens for page active.
+   * Called when the page is active.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onActive?(): void;
 
   /**
@@ -3607,6 +6720,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 5
    */
+  /**
+   * Listens for page inactive.
+   * Called when the page is paused.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onInactive?(): void;
 
   /**
@@ -3615,6 +6736,13 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 5
    */
+  /**
+   * This callback is triggered when a new request is received when the FA has started.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onNewRequest?(): void;
 
   /**
@@ -3625,6 +6753,15 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 5
    */
+  /**
+   * Callback when FA initiates a migration, in this callback, the application can decide whether
+   * to migrate according to the current state.
+   *
+   * @returns { boolean }
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onStartContinuation?(): boolean;
 
   /**
@@ -3635,6 +6772,15 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 5
    */
+  /**
+   * For the callback of saving state data, the developer needs to fill in the parameter object
+   * the data to be migrated to the target device.
+   *
+   * @param { object } value
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onSaveData?(value: object): void;
 
   /**
@@ -3644,6 +6790,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 5
    */
+  /**
+   * The callback to restore the data saved by the onSaveData method when the migration was initiated.
+   *
+   * @param { object } value
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onRestoreData?(value: object): void;
 
   /**
@@ -3654,6 +6808,15 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 5
    */
+  /**
+   * The callback for the completion of the migration, which is triggered on the calling side, indicates
+   * the result of the application migration to the target device.
+   *
+   * @param { number } code
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onCompleteContinuation?(code: number): void;
 
   /**
@@ -3664,6 +6827,15 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 6
    */
+  /**
+   * This callback is triggered when the corresponding system configuration changes, such as system font size,
+   * language region, etc.
+   *
+   * @param { Configuration } configuration
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onConfigurationUpdated?(configuration: Configuration): void;
 
   /**
@@ -3673,6 +6845,14 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * @syscap SystemCapability.ArkUI.ArkUI.Full
    * @since 4
    */
+  /**
+   * Listens for application creation.
+   * Called when the application is created.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @atomicservice
+   * @since 11
+   */
   onCreate?(): void;
 }