Canvas clip and fillRect severe performance degradation problem

Issue #4753792 • Assigned to Li-Hsin H.

Details

Created
Sep 28, 2015
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

See and run following example code: http://plnkr.co/edit/QkxLrzcDXh1XVDwOzx04

IE and Edge slow down after about 10-20 seconds or so, to the extent you will struggle to do anything in the browser.

Note this code was designed to exhibit the problem quickly.

Expected Results:

No performance degradation. Firefox and Chrome cope fine with this.

Save and restore are supposed to include the clipping region in the saved state, therefore the clipping region should be cleared with each call to restore:
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save

Therefore there should be no problem with this code.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Rico M.”

      Changed Assigned To to “Christian F.”

      Changed Assigned To from “Christian F.” to “Li-Hsin H.”

    • This is seriously affecting us, we have an application where a big part of is a canvas used to display data. A grid is created (requestanimationframe used). Works perfectly in chrome/firefox, massively laggy in edge.

    You need to sign in to your Microsoft account to add a comment.

    Sign in