Chrome Canvas.clip() is slow, more general and fast workaround is required

[barmalei]

Chrome browser demonstrates poor performance for Canvas.clip() operation. FF and Safari are faster but extensive usage of clip operation also has noticeable influence to rendering performance. The test case is grid component where every cell is clipped before its content rendering. Having ~ 10x50 visible cells can slow down rendering what especially important when a user scrolls up/down grid content.

Partially the problem has been solved by minimizing number of clip operations where it is possible, but more deeper investigation is required. The questions are the following:
-- Can minimizing clip over clip (when we clip over prev. cllp) speed up rendering ?
-- Can offscreen buffer usage solve the problem ?
-- What is about applying global composition instead of clip ?

[barmalei]

fixed.

[wangjiaji]

Could you share some info on how this problem was fixed?

[tamascsaba]

@barmalei Could you share some info on how this problem was fixed?