Im Developing a open-source library which uses the Html5 canvas's graphic context to render a hierarchy of views. However i would like to make some performance optimizing allowing faster rendering of content that is fully opaque.
How could i implement such logics?
Do you know a good informative resource or tutorial on how to implement such system?
Currently i'm using a basic drawing model that is similar to and ui-kit and each view are representing a on-screen rectangular area. The render engine is implemented separately from the view objects, and rendering the content based upon a list containing dirty views that needs to be redrawn.
EDIT:
The library and current render-system
The library is a so called platform or abstraction layer upon the canvas elements ability to render graphics dynamically. I have at a current state implement the basics of managing the display list etc, but it's not optimized yet.
The current rendering engine is using buffers and is caching the drawing commands of a view so the view could be redrawn at later time. However there is a over hull in drawing coursed the need of redrawing of the a hierarchy when just one view is invalidated.
how do i implement a system to manage dirty rectangles of screen content?