From 10b3ca57142c6aee73c3ed5af49e221d2ab6e19b Mon Sep 17 00:00:00 2001
From: "ester.zhou" <ester.zhou@huawei.com>
Date: Thu, 9 Mar 2023 14:11:42 +0800
Subject: [PATCH] Update docs (15579) Signed-off-by: ester.zhou
 <ester.zhou@huawei.com>

---
 .../figures/en-us_image_000000127777774.png   | Bin 190640 -> 3873 bytes
 .../figures/en-us_image_000000127777775.png   | Bin 190640 -> 3873 bytes
 .../figures/en-us_image_000000127777779.png   | Bin 190640 -> 3873 bytes
 .../arkui-ts/ts-canvasrenderingcontext2d.md   |  37 +++++++++++-------
 .../ts-offscreencanvasrenderingcontext2d.md   |  13 ++++--
 5 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_000000127777774.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_000000127777774.png
index 60f430b646b45a3e3b16a9bb024e4a14e48bf4d3..24edbed60b52947c5effbba951a6523582603f30 100644
GIT binary patch
literal 3873
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
MNNdwtgjeGK05}0RvH$=8

literal 190640
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

diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_000000127777775.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_000000127777775.png
index 60f430b646b45a3e3b16a9bb024e4a14e48bf4d3..24edbed60b52947c5effbba951a6523582603f30 100644
GIT binary patch
literal 3873
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
MNNdwtgjeGK05}0RvH$=8

literal 190640
zcmeHQ3#=Vg6}^>4X`w}lL4(#$G@2-&QskpnMQfyqt%eXICK^A82m*!jDU?!pLZy64
z=?4&zAQ1$Vil9b7pe>~eyaIwY6b(>GrBa}!EfmVnwP>H-d*8k9&dfPy&OS41C;Qzy
zGw1BH&)VzE>^XDhzFA+H^u<vlcOBViG)7H0VElpjybZc#`#0k6yKjBv34Dy0e89m|
z8jaCQslyh0c=S6OjrTMrjNkvDslyumePgE&d+oKxT`0H{R3ZfGg1`n6|3B#ME_La#
z`Y8l}z>{wf3__re2#EM~jJo>V5b;HVS|T9g*D~ztw1_Vb)Di&^zm{QFr$u~mpq2=T
z__YkXIxXUh0}cpWy>i2$18V^s%tWrLK@d3rYCaAEB7Pj))oNq}MEuABQ1fvRs3h@U
z1D3yrJ{t$qo~_cq<<R?}{4OaUfl3nppTO~O=y}jr%g3~5i(63Q2<TDJS9+FKfe;8(
zj`%MDrOD8>&~u=7LM;i;@IQv$4W(~$p*rgWgp#Fl#J?H<-n0$G7x0N!avJNmZO8r~
z!S9F8hVnc0Ea<~fNx2AAiukL6-85)(`fv}n&xcw#tMY2Z6l^1OKzL<34r(za8}PA;
zpOqm#i9-TC-XTh7W8abv`^((Lfj1NSmky2o9{VnbS{R%i+^giS$`JoXgy*_0A!5oi
z6}qm=@iKNZ#o?8wlaTPIL;uz3p!Nkppc2G?2GE=UWh&84c&42Ljd50e5$zrU-2m+-
zApNRkFJgjo>+b?IW}u+bpKfUR-Cv18a56B-a<j-8pCx|r>uHUHZWi><JxewkSD?)G
z8Oo`MI|9iQe-SYFc}5&Iquhzmr!$uKQLG<E_-rAIaFB2iugOwaWt<R5n)uJ7>&HTw
z&u10>xX^`J3p<vhU&lj-N_X0uScx6HF;~jdj*Q>!WQotSBX16oA?KDeP-9W<TKOuF
zxSX$FoUhvJr7ytW+X~cEmFx&4OMDW3LH2&Ol-z<X&iL>KIg~7iVcu955e}Nr{uS}7
zN_CPXK4(mhfj;LD38p-umJaY<g3lLR7R+(r%!exF0SEykIpQ<L;hA)a2QWCxbB6~z
z%_iuduh}C${JN*vxW0QsAUWbcgswAp_947E=FO+iSsu>fa9xfM;gyZgD)QVM`)Icg
zHj*MfA67B<UGFh6Jfr$bc{q?<Q=Im$@rraglvfgoKLnB?J_CO_^ag)@f87%8o(shf
ztUC$q@J#O`1#5PMc29w>Xx^#s&Ilw!{8i}c^c>xNVEC19{oh)E9QAnCJ{Ibd{&3wr
z2U7^)Do>_o^i$#ofg}b2)16bH{IUN~;xePcnWmGVE;Bm4`gIEmTm$9RK;n)-62xb!
zbESJ<hqORK&4S)JWU0Xi2hyF}2Osjf=Ve&q;Nn$K;*NlM;`5&#@$ITI=C(N(&$jYB
z<l>F8uNfVf8d7-0I|0g>ABh_Rrist99Ot#mJj;>DTt1LxpfUF*5q-`$!Q7C-s~=S<
z&yX<nJZPHuOdl@k*#-Xv&Vxy=>mN!;yamuA>vD#&+v^z5_FQcm@_wh64^=pBmiU}u
z;SvR|u_;@4vw9?yK6De#;_z1#V#uRtl(SvDB1(!OV3PPuGnhC3y;z^T)Z&7;xzJ82
z&j#%0Lp6TJlB>`#XL^+K6pMgK;`3}u(!~@Kii5AyTT~Ze{~~Bi;ha8Go-*$*V)oZ}
z+vbSRv*^*#O}=|tz#e^|FU_+&%>8-8Z9yJ{6MWC0`Da!v_?3bWrijn9;$o<!)rt4Q
zAFd1~xi~2KnqbTn2hF$0rPx~5vPT<P5Xko5&nHiO=a?dE0kU||r3}wzpM^G`ZMzgL
zb@wQ=_D3iek}=P>Ci}smo1r^ebIh(kPd57d#!feL31AY-X&r0KX8<{Y&wPi;zD41U
z$!w_Ze6vT#1o0WLE1<V$_q)`RqtO}%<sncLfOY8oJnZAtlq4GhCgS)geC>mFnoG>q
zjj*M@2lM+wkAjX3+f-rePod^C=;p!}>Qym1@%d<S3Y3d<EXuxcY6g@*@y!2I=uS|J
z!kZELC+UqqRN^zmxeoff-hM_Y!8=>#_WT@>-SCA2b=bfTW1sxNo`;P2WYL|d#ODGO
z%g^G!5C1;X7PalL&B^|~+V)%7Tn$G~gT7?NA)|goBR&JeN0E;h1?J=M>r`kbfOrMq
zYC5Jq7Ufzv75aq+i~Y{yQ>VD*sb9G4O{jTI;o4y<lGx`!n^T<T7MbSk4&@r<XaF`l
z)b^bz<d2}M+V*Sn{|H2h+cRjNk3@N6Yf+fujO*bTQ=TKCR%dy5CFT7IA3;k7BTzc=
z8Hm%N4-WRl#2)7Eyzj^Y3{#zpp>Kv-l*{1MjV2u1`1EtQ{A~Ll0VX_Zb|Ooxo69?Y
z=Q@C&Ia>*1fN9QbXr4U&qbPqIbQsi{a54WW&^6W^GvH6D#NUVxGu`1^AQpuWtv->{
zF#^c+XYZW#$|}wm9?plpT2_OJv{M@K2|Rz4hHFeL3e%m_pv>d*3a=0sLi1cH^0whp
zo-Y_LaxqZBx}_1nAK=A)^Q2q+NLUU^raDE1DGz6SET%l1P~bH3I;dnT0;LfDd9=lw
z$Mr^0KNNm_%F(xhlxH7DJE5xI3&XrBDdpLUa4E#+T9R9~wrB3|N8r&kXpt1By)(RW
z%!BUGe!##s2|o*Zp8;PixDcH9e?u?Ngz^E4HQ5mk&4>D&n%ooiIFn*A<>BN4ms)Rv
z)?I=UpSk4>=vsp)lbC#HwV!9-2<Q)>R#Tp3@a;0F#S;<SDouhC|7vvOhSIu{uOX&5
zyzlUl;<UHC6L#=M-sNVw-KMYYS73;5udnoFFi|_fi2n!xA+h)n#hNe&Cow}#KaPcc
zKC`eWyaG>w@`_wn2||3X!t8@SZV*+bI7~(Opeke@PGH%N?^FsV=S-aV^+v<vT7a8j
z^q0`Ora#$!jsXDWk?T?TYfy`4mp$OuVyMrXTbS!A%W-5JbaU4d@eYhZ(@UZ6iswSC
zmY?)~_Ww7!!Urc7NzeS7Gdj%2%M#A`@Mhnl@aoK1Sxiks<K>n3youtx@x!6LE?}Q2
z&SB8d=}x<AZ1-^JzU>E$Z2ty+Se=Xr36a-S=XQAdB`BZTT9e)35L2ADL~@KN&nKZ4
zuY@0fUw1%vf!0L)r8-XoF+M1<NP5obTm&sEuSZjZgeebi{w)fx(439qlis?BmsE#<
zaW&urMp5HT3sViI9kGOM(~o^(InblsU*PzyJ<3$+u$NSat1v$g-Cz)z-QW{1<1x?n
z&9E@#;o`U#ns*xc{xSH$bhXTz|43bTPjyK4qoEc_KLUPT47C)<J>k!(P>XUOoZ=d*
zI*3!M!-pT2K>6eH7KH;cc8b%E3sasSLV2TWQGNoatj5zPUQVgbN_fJ{_ESDR@?`5n
zu)`E*XHWKgo4FeX$3eIFHtfOPr(xqJ==L6L88uNn)!B?59SOBadd}ip3e7Tgxpu@-
zJk0gD769$$75=D|)ft~9@a??39ZIbH@S^_Si;8@ieD9(L0@fR|%{I@lmWAZ!BDd`f
zI(a92S_jQ?A~EQGPnVq1o}Sht6yOUnylgXQDac-MlIdB6Qw)n?D4zCM><v?~L!haU
zo*4E+PlIyOKvEt8PBT2^xtXn{IVfg5z3J4GdDvNpS(Q$GkF~Ed#Ak|g7Bs~(CzpIo
zhVq_CQVs%@AU+p?@z>ETK2XaVMqa6ALQ@>LS^H?ITqTIlskgf<p<2+Fxv00aU|m(q
zhd}bgUxEIf4XwhNaufP-0#qpvKnN^J6Q7H|z6*UeFi2&Z=S?nC9<F|sghL=%;`0p8
zS)3}QIPKxR06R3x(~gSYZNJ2S`{JFkfUVTE02}}hKxaX#knXgHmub&2(2eZ}wCxQ6
zzk|S=TSFV-f-kOoTt9TNq>pmO=Uk}LpFm;k?;ATkIrj53&uJYlE~&blgAQ8##{;Qj
zpB(WY1mYw_74w{SGI34DanO_>ShV-a%63x3XP$Eew90u-J280Idp@)d1HHZPA-9tu
zJ_FA)eH~Jq_JH%jg`RY^qvE!m4Dp%b@Q$yJXFe|OnF_7bl@8qvDoGHZi*u?zmD4NA
z%TRz5{&gJqy|5{A+&u9aXwKs3Qol9T6AndaKDdr~;@`K8_&U>VUDR_T@JQ*+o57T`
zvBxy=`GfpZpwHOA%7ho3*T2w&Cn21;^_zWoCSU4W0CdCbAmAfRzICz)DrrUF3~VlG
z-KDLZ2$&^47w2#;TQV2{E?L!#&tP2g>@i7v&ggK}mh#%}p=A0qulr#g>4AVb;t$N|
zEb8I74sT5b`MV{O{0NvM{{83!pVmrxBfy7Tobk~_KyR$tOPC@)b5}0V($mWJFm>PN
zx}Nz^P5pMqsM8TM#Ao2<KyT~hrS^42fVgp851;Z%vLj%I_{-rl11QOl0AJzKvyXhZ
znIJxM)svx`#mN`E=F)tH>msOL;c7;u`}gR?=cSqpv2N+^qmE=ifH<BBRmzhAEEI`O
ze5N>DdMt5AfNyUd58Za<T=UiU<8)H?S^)QMlx`vFAmA@8odng?oWHma%=jq%85+~5
z#Akl`r=k7R(E<qYH(8kfOS&TvjrjfWX=Zo7bi@Gx&iEV!)s?h6h*5~oz%a$pL#ytA
zaXrEl%L1rUp3X=P@4P$g-nB5#|B*?RghOB?Omp$yh;U6LYq@g&EGyYa$ni1}sMbHr
zDib-il{NxVa{RO*llN6XK*X;?6xD~^2#EN(Ayb7aARyvrjN<IMlYXVO02#qbte6Ht
zVgZx8eh?7x{op7oi6J23Cl)Zd>jwc5-w%$mk{ALaeqsTWyM7Q5@%`W^D~TZ>;wKg`
zx$6f35#JAvvXU4AB7R~4le>Np5b^!sC@YB}5Qq5RIQFnLS__aERjTW5oIy}sJk_&A
z5D@Vb36$LQj6i?i*y&=wXHaD>4Fp8|G~y&LJtH9Edj?eI(m+7OPa{t9(lY`gzGpyX
zE)4`k{50YuFFhk5;(G>E=F&hw#7`qm^0EbiF*DzLg}=1`8U!uiYNIX)i1>AhwEEeC
zfQa7$hc@bhfQVn0NUNVM2#EMCaA>102#EM~iM0CJf`EwM0*5y0f`Eu$mq@FhEeMGC
zEpTX~E(nPDb&0h4*@A$G-vUQ1H%1*edbPi`00}~<L6Bh3<gz;gBECC@vXCGGB7TBF
zlgsW1i1_Xp%0hw&i1-NxO)k45AmY1YC<_T9AmS$&G`Z}KfQavop)4ebfQX-9(B!f^
z0wTUUhO&?#0wTWWpv@n-c}}g@0(i!=409R;WuUA!%poA+n+u5?Dgyx#zYLVshB*X8
zd~+d@LuDW!;+KK4+AxQJh;J?=a;OXhMEo*PRvYFJ5b@20L=KgKfQVlP%4)+L0wTV-
zkjSAj5U@@BC+002skH!Q@SxUh*d7G64vjh=5&;oEB)YO~76B38Y-r?IPz3t>#!eUe
zgF-ChRuK^Ktwu(E1w}x_4+^i0TSY*`w;CDw6%+vxKPbF1ZWRF$-)dy!S5O2*{Gjm4
zcw7YTo;Ynq@3jCL1aYIJ)*~Sx;zt5r&BjGQ#E*-=T91T)h#v`fH5(TJ5kD^eYCRGH
zB7P*`)ofe@MEtn;tMy0-i1?9!SF>>u5b@*Uuht_WAmT>?Ud_fuK*W!We@d<YVfxx}
zz1ISy)T3>_Y7itCG`Z}KfQavop)4ebfQX-9(B!f^0wTUUhO&?#0wR8bL6ghw2#EOZ
z7|KF|2#ELz22C!zBOv0tV<-y=A|T=?7&N);j(~{oj-f0hh=7P6DQJt=EO=Wb*8)Vs
z)1_Gr0vGgDH(3Nk{A5EX$6XK*@m<hU-DD9E@skam9CtxL#CJhYb(2Lv#7{PKa@++0
z5#I$p)lC)w5kJ|`$#EA1M0^+YR5w`!MEqn!C&yh7s0Q&rICbG_tp#x5L9OdnV-VCj
zgz9_|1VsEIsHsl!2#EN}hfp0Tf`Eu$1U1!39)V$d9Q@a-#Qx;ts16iCK*TSCn(8Ev
zfQX-b2-Sfi2#EMaP*a`c5fJf{51~3x1OXAh2x_X6JOZu6f8TGvytCE<Bp+0DARhv)
zgCJjBl@<cYA|T=?8#+1ef`Ewcf}ZLoi-3rqZ0O{;3j!j(3wo-XECM2avZ0gXE(nPD
zF6gOlvIvOy$%amjyC5LqyP&7K$s!=)CmTAmjz6};BiAOi7C?i*ESKb1NCZUukm$;`
zSp-CUv!Rh=ArTPqL!v9&W)Tqa&4xyfg+xHa4~ed9n?*pxHyau`77_swKP0-cZ59C$
z-)v~)SV#m!{E+C%wpj#3e6yk1>ewkW7QWnQylK*e@%tZS+|^{=(;!GTbaLDUf#In9
m7<8SB5!Dp}i6QXpKW_f^rtj>!Vio<K@P$d^7k=(reg6gIh|uQ%

diff --git a/en/application-dev/reference/arkui-ts/figures/en-us_image_000000127777779.png b/en/application-dev/reference/arkui-ts/figures/en-us_image_000000127777779.png
index 4558b332925757d97d70ee57182c260804629346..24edbed60b52947c5effbba951a6523582603f30 100644
GIT binary patch
literal 3873
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
MNNdwtgjeGK05}0RvH$=8

literal 190640
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

diff --git a/en/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md b/en/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
index b198676b11..f0fa614ed3 100644
--- a/en/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
+++ b/en/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
@@ -683,7 +683,7 @@ Fills a rectangle on the canvas.
           .height('100%')
           .backgroundColor('#ffff00')
           .onReady(() =>{
-            this.context.fillRect(0,30,100,100)
+            this.context.fillRect(30,30,100,100)
          })
         }
       .width('100%')
@@ -769,7 +769,7 @@ Clears the content in a rectangle on the canvas.
         Canvas(this.context)
           .width('100%')
           .height('100%')
-          .backgroundColor('#ffffff')
+          .backgroundColor('#ffff00')
           .onReady(() =>{
             this.context.fillStyle = 'rgb(0,0,255)'
             this.context.fillRect(20,20,200,200)
@@ -1579,7 +1579,7 @@ struct Fill {
           region.lineTo(270, 90)
           region.closePath()
           // Fill path
-          this.context.fillStyle = 'green'
+          this.context.fillStyle = '#00ff00'
           this.context.fill(region, "evenodd")
         })
     }
@@ -1666,10 +1666,15 @@ struct Clip {
         .backgroundColor('#ffff00')
         .onReady(() =>{
           let region = new Path2D()
-          region.rect(80,10,20,130)
-          region.rect(40,50,100,50)
+          region.moveTo(30, 90)
+          region.lineTo(110, 20)
+          region.lineTo(240, 130)
+          region.lineTo(60, 130)
+          region.lineTo(190, 20)
+          region.lineTo(270, 90)
+          region.closePath()
           this.context.clip(region,"evenodd")
-          this.context.fillStyle = "rgb(255,0,0)"
+          this.context.fillStyle = "rgb(0,255,0)"
           this.context.fillRect(0, 0, this.context.width, this.context.height)
         })
     }
@@ -1745,7 +1750,7 @@ Rotates a canvas clockwise around its coordinate axes.
           .height('100%')
           .backgroundColor('#ffff00')
           .onReady(() =>{
-            this.context.rotate(45 * Math.PI / 180) // Rotate the rectangle 45 degrees
+            this.context.rotate(45 * Math.PI / 180)
             this.context.fillRect(70, 20, 50, 50)
           })
       }
@@ -1918,6 +1923,8 @@ setTransform(transform?: Matrix2D): void
 
 Resets the current transformation to the identity matrix, and then creates a new transformation matrix based on the specified **Matrix2D** object. This API is a void API.
 
+Since API version 9, this API can be used for ArkTS widgets.
+
 
 ### translate
 
@@ -2413,7 +2420,7 @@ Restores the saved drawing context.
           .backgroundColor('#ffff00')
           .onReady(() =>{
             this.context.save() // save the default state
-            this.context.fillStyle = "green"
+            this.context.fillStyle = "#00ff00"
             this.context.fillRect(20, 20, 100, 100)
             this.context.restore() // restore to the default state
             this.context.fillRect(150, 75, 100, 100)
@@ -2451,7 +2458,7 @@ Saves all states of the canvas in the stack. This API is usually called when the
           .backgroundColor('#ffff00')
           .onReady(() =>{
             this.context.save() // save the default state
-            this.context.fillStyle = "green"
+            this.context.fillStyle = "#00ff00"
             this.context.fillRect(20, 20, 100, 100)
             this.context.restore() // restore to the default state
             this.context.fillRect(150, 75, 100, 100)
@@ -2498,9 +2505,9 @@ Creates a linear gradient.
           .backgroundColor('#ffff00')
           .onReady(() =>{
             var grad = this.context.createLinearGradient(50,0, 300,100)
-            grad.addColorStop(0.0, 'red')
-            grad.addColorStop(0.5, 'white')
-            grad.addColorStop(1.0, 'green')
+            grad.addColorStop(0.0, '#ff0000')
+            grad.addColorStop(0.5, '#ffffff')
+            grad.addColorStop(1.0, '#00ff00')
             this.context.fillStyle = grad
             this.context.fillRect(0, 0, 500, 500)
           })
@@ -2549,9 +2556,9 @@ Creates a linear gradient.
           .backgroundColor('#ffff00')
           .onReady(() =>{
             var grad = this.context.createRadialGradient(200,200,50, 200,200,200)
-            grad.addColorStop(0.0, 'red')
-            grad.addColorStop(0.5, 'white')
-            grad.addColorStop(1.0, 'green')
+            grad.addColorStop(0.0, '#ff0000')
+            grad.addColorStop(0.5, '#ffffff')
+            grad.addColorStop(1.0, '#00ff00')
             this.context.fillStyle = grad
             this.context.fillRect(0, 0, 500, 500)
           })
diff --git a/en/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md b/en/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
index 0f7d462061..452637137c 100644
--- a/en/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
+++ b/en/application-dev/reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md
@@ -727,7 +727,7 @@ Fills a rectangle on the canvas.
           .height('100%')
           .backgroundColor('#ffff00')
           .onReady(() =>{
-            this.offContext.fillRect(0,30,100,100)
+            this.offContext.fillRect(30,30,100,100)
             var image = this.offContext.transferToImageBitmap()
             this.context.transferFromImageBitmap(image)
          })
@@ -1767,10 +1767,15 @@ struct Clip {
         .backgroundColor('#ffff00')
         .onReady(() =>{
           let region = new Path2D()
-          region.rect(80,10,20,130)
-          region.rect(40,50,100,50)
+          region.moveTo(30, 90)
+          region.lineTo(110, 20)
+          region.lineTo(240, 130)
+          region.lineTo(60, 130)
+          region.lineTo(190, 20)
+          region.lineTo(270, 90)
+          region.closePath()
           this.offContext.clip(region,"evenodd")
-          this.offContext.fillStyle = "rgb(255,0,0)"
+          this.offContext.fillStyle = "rgb(0,255,0)"
           this.offContext.fillRect(0, 0, 600, 600)
           var image = this.offContext.transferToImageBitmap()
           this.context.transferFromImageBitmap(image)
-- 
GitLab