A project that uses Canvas to render HTML code, currently in development 0.0.1-alpha
Simple version experience address
Goals and application scenarios:
- Realize the browser environment, realize the cross-end running of HTML and JS code
- Run html code on small programs and small games
- Based on this implementation, run vue, react and third-party UI on the applet
- Support small games and game engines to draw game UI
Currently under development, if you have good ideas and suggestions, please submit Issue and MR
- Construction of virtual DOM
- PIXI rendering
- Parse properties
- Parse some styles color, fontSize, width, height, display, left, top
- Complete the basic layout
- More style improvements
- css support
- Event Support
- z-index support
- flex layout
- Improvement of DOM and window api
- Box Model
- Support for img, video, audio and other tags
- ...
HTML -> vdom + css -> pixi rendering
Calculate the layout and boundary implementation of elemnt
inline + block relative layout
for elements
- Start parsing tags
- Create element and add it to parent
- Rendering styles
- The parsing tag is completed (sub-elements are added)
- Layout itself from the parent element
for textNode
- Create a textNode and add it to the parent element
- Rendering style
- Layout itself from the parent element