> For the complete documentation index, see [llms.txt](https://channyeintun.gitbook.io/blogs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://channyeintun.gitbook.io/blogs/html/html-in-canvas-api.md).

# HTML-in-Canvas API

HTML-in-Canvas API ကို လေ့လာထားသင့်ပြီ နာမည်အတိုင်း Canvas ထဲမှာ DOM level HTML content တွေ render လုပ်လာနိုင်ပြီ အရမ်းမိုက်တဲ့ UI animation တွေ အလွယ်တကူ လုပ်လို့ရလာပြီ\
\
Apple Liquid Glass လိုဟာမျိုး Web မှာရဖို့မလွယ်ခဲ့ဘူး \
အခုတော့ HTML-in-Canvas နဲ့အလွယ်တကူဖြစ်လာနိုင်တာမျိုး\
\
[https://github.com/AndrewPrifer/liquid-dom](https://github.com/AndrewPrifer/liquid-dom?fbclid=IwZXh0bgNhZW0CMTAAYnJpZBExemRPSkxzdFBZRUVoS1VYcXNydGMGYXBwX2lkEDIyMjAzOTE3ODgyMDA4OTIAAR4ZXRoa4xuW7g76odwoAJW78jy6mig7SLG10XwXl-mKqLCeT4SejAxE9Mt5-Q_aem_ORrFQUr8UGaW0QdhvrGUlw)\
\
ဒီနှစ် Google I/O မှာ Chrome ရဲ့ experimental အနေနဲ့ စပြီး မိတ်ဆက်လာတာ\
\
Build next-generation UIs with the HTML-in-Canvas API\
\
[https://www.youtube.com/watch?v=TUtKGTeFWjQ\&t=2s](https://l.facebook.com/l.php?u=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DTUtKGTeFWjQ%26t%3D2s%26fbclid%3DIwZXh0bgNhZW0CMTAAYnJpZBExemRPSkxzdFBZRUVoS1VYcXNydGMGYXBwX2lkEDIyMjAzOTE3ODgyMDA4OTIAAR6RfWx4JLUmXeiI4HE9P5SA6kGXeOkC3CsXgHPNcoVSIU26dxlhd93yDvoPWA_aem_Tg3euM-Sc2_evqKyd-185w\&h=AUBE-1Pg7MERYkqtLAbA57poXZWdbTzOW6Nb4IxSUSgT4KSm2_G-L0mltQyZg3w4MLmp6okO7uKCNbKlBSacrcJBLCXmEmlhc-UlM6UewR55mfSpfezEl5IDBjOS2YMDpu70xBMOu9CcB48-YvD0X28&__tn__=-UK-R\&c\[0]=AUCU2GUQQgQ2N4KK4D6BOb9j-XaLbeBYTihIlHt2bu1PyM2VmqKDd2JWTx9gPtPx9N2tnr-j2PEmLnHl8UQQKn0aw8Nyb6MpvtUC5CQz6eU5vgPpCEM7_wRvr8TiTZnDEiGzI4pHYRJkpMUIrFc)\
\
Resources:\
\
[https://goo.gle/HIC-how-to](https://goo.gle/HIC-how-to?fbclid=IwZXh0bgNhZW0CMTAAYnJpZBExemRPSkxzdFBZRUVoS1VYcXNydGMGYXBwX2lkEDIyMjAzOTE3ODgyMDA4OTIAAR7LL2zz6UBGcsShOPBd_8tV_fzZ3QKGHQwKCLKrUs7X7WPwSGaDVFaVV1c_jA_aem_x5f2f2xXWk-Q20bb_Cw7zw)\
\
[https://goo.gle/HIC-threejs](https://goo.gle/HIC-threejs?fbclid=IwZXh0bgNhZW0CMTAAYnJpZBExemRPSkxzdFBZRUVoS1VYcXNydGMGYXBwX2lkEDIyMjAzOTE3ODgyMDA4OTIAAR70BBCtzRL-V8NbVsbvCH9GEvu8ayws9Stzx0-qQFg4s4Wq0v7W5JIZUS8N2A_aem_V3fxPTQbPr8ABDtuNu506g)\
\
[https://goo.gle/HIC-threejs-example](https://goo.gle/HIC-threejs-example?fbclid=IwZXh0bgNhZW0CMTAAYnJpZBExemRPSkxzdFBZRUVoS1VYcXNydGMGYXBwX2lkEDIyMjAzOTE3ODgyMDA4OTIAAR6m-2i4rtBOQE6j3S0YOvaJIVepxhKKjtqDSVctJCacmfqSNsS0AhhUkp7wyA_aem_z_QCXQUJ61EbJkHaT3ZHMQ)\
\
[https://goo.gle/HIC-playcanvas ](<https://goo.gle/HIC-playcanvas >)\
\
[https://goo.gle/HIC-playcanvas-example ](<https://goo.gle/HIC-playcanvas-example >)\
\
[https://goo.gle/HIC-playcanvas-shoe ](<https://goo.gle/HIC-playcanvas-shoe >)\
\
[https://goo.gle/HIC-explainer ](<https://goo.gle/HIC-explainer >)\
\
[https://goo.gle/HIC-MWG ](<https://goo.gle/HIC-MWG >)

[https://goo.gle/HIC-samples <br>](<https://goo.gle/HIC-samples &#xA;>)\
[https://goo.gle/awesome-HIC ](<https://goo.gle/awesome-HIC >)\
\
<https://goo.gle/hic-central>