Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Optimized client side rendering, improved previews code #6543

Merged
merged 9 commits into from
Jul 28, 2023

Conversation

bsekachev
Copy link
Member

@bsekachev bsekachev commented Jul 23, 2023

Motivation and context

  • drawImage is about x10+ times faster than putImageDate
  • unified interface on cvat-core
  • yes, there is still some time necessary to convert ImageData to ImageBitmap

Before:
image

After:
image

How has this been tested?

Checklist

  • I submit my changes into the develop branch
  • I have added a description of my changes into the CHANGELOG file
  • I have updated the documentation accordingly
  • I have added tests to cover my changes
  • I have linked related issues (see GitHub docs)
  • I have increased versions of npm packages if it is necessary
    (cvat-canvas,
    cvat-core,
    cvat-data and
    cvat-ui)

License

  • I submit my code changes under the same MIT License that covers the project.
    Feel free to contact the maintainers if that's a concern.

@bsekachev bsekachev requested a review from azhavoro as a code owner July 23, 2023 10:32
@codecov
Copy link

codecov bot commented Jul 23, 2023

Codecov Report

Merging #6543 (a0441b1) into develop (f4a516a) will increase coverage by 0.06%.
The diff coverage is 54.41%.

@@             Coverage Diff             @@
##           develop    #6543      +/-   ##
===========================================
+ Coverage    81.07%   81.14%   +0.06%     
===========================================
  Files          363      363              
  Lines        39632    39587      -45     
  Branches      3563     3557       -6     
===========================================
- Hits         32132    32123       -9     
+ Misses        7500     7464      -36     
Components Coverage Δ
cvat-ui 74.92% <54.41%> (+0.12%) ⬆️
cvat-server 86.65% <ø> (+<0.01%) ⬆️

@bsekachev bsekachev changed the title Optimized client side rendering, improved previews code [WIP] Optimized client side rendering, improved previews code Jul 25, 2023
@bsekachev bsekachev changed the title [WIP] Optimized client side rendering, improved previews code Optimized client side rendering, improved previews code Jul 25, 2023
@bsekachev bsekachev merged commit 844a72b into develop Jul 28, 2023
34 checks passed
Jacky0111 added a commit to Jacky0111/cvat that referenced this pull request Jul 30, 2023
<!-- Raise an issue to propose your change
(https://github.com/opencv/cvat/issues).
It helps to avoid duplication of efforts from multiple independent
contributors.
Discuss your ideas with maintainers to be sure that changes will be
approved and merged.
Read the [Contribution
guide](https://opencv.github.io/cvat/docs/contributing/). -->

<!-- Provide a general summary of your changes in the Title above -->

### Motivation and context
* drawImage is about x10+ times faster than putImageDate
* unified interface on cvat-core
* yes, there is still some time necessary to convert ImageData to
ImageBitmap

Before:
<img width="302" alt="image"
src="https://github.com/opencv/cvat/assets/40690378/8f59f24d-7f3e-4428-8412-f11440247d6e">

After:
<img width="282" alt="image"
src="https://github.com/opencv/cvat/assets/40690378/f5021278-d14b-42c9-8e39-1f7b6122a16c">

### How has this been tested?
<!-- Please describe in detail how you tested your changes.
Include details of your testing environment, and the tests you ran to
see how your change affects other areas of the code, etc. -->

### Checklist
<!-- Go over all the following points, and put an `x` in all the boxes
that apply.
If an item isn't applicable for some reason, then ~~explicitly
strikethrough~~ the whole
line. If you don't do that, GitHub will show incorrect progress for the
pull request.
If you're unsure about any of these, don't hesitate to ask. We're here
to help! -->
- [x] I submit my changes into the `develop` branch
- [ ] I have added a description of my changes into the
[CHANGELOG](https://github.com/opencv/cvat/blob/develop/CHANGELOG.md)
file
- [ ] I have updated the documentation accordingly
- [ ] I have added tests to cover my changes
- [ ] I have linked related issues (see [GitHub docs](

https://help.github.com/en/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword))
- [x] I have increased versions of npm packages if it is necessary

([cvat-canvas](https://github.com/opencv/cvat/tree/develop/cvat-canvas#versioning),

[cvat-core](https://github.com/opencv/cvat/tree/develop/cvat-core#versioning),

[cvat-data](https://github.com/opencv/cvat/tree/develop/cvat-data#versioning)
and

[cvat-ui](https://github.com/opencv/cvat/tree/develop/cvat-ui#versioning))

### License

- [x] I submit _my code changes_ under the same [MIT License](
https://github.com/opencv/cvat/blob/develop/LICENSE) that covers the
project.
  Feel free to contact the maintainers if that's a concern.
@bsekachev bsekachev deleted the bs/optimized_client_rendering branch August 7, 2023 12:14
mikhail-treskin pushed a commit to retailnext/cvat that referenced this pull request Oct 25, 2023
<!-- Raise an issue to propose your change
(https://github.com/opencv/cvat/issues).
It helps to avoid duplication of efforts from multiple independent
contributors.
Discuss your ideas with maintainers to be sure that changes will be
approved and merged.
Read the [Contribution
guide](https://opencv.github.io/cvat/docs/contributing/). -->

<!-- Provide a general summary of your changes in the Title above -->

### Motivation and context
* drawImage is about x10+ times faster than putImageDate
* unified interface on cvat-core
* yes, there is still some time necessary to convert ImageData to
ImageBitmap

Before:
<img width="302" alt="image"
src="https://github.com/opencv/cvat/assets/40690378/8f59f24d-7f3e-4428-8412-f11440247d6e">

After:
<img width="282" alt="image"
src="https://github.com/opencv/cvat/assets/40690378/f5021278-d14b-42c9-8e39-1f7b6122a16c">

### How has this been tested?
<!-- Please describe in detail how you tested your changes.
Include details of your testing environment, and the tests you ran to
see how your change affects other areas of the code, etc. -->

### Checklist
<!-- Go over all the following points, and put an `x` in all the boxes
that apply.
If an item isn't applicable for some reason, then ~~explicitly
strikethrough~~ the whole
line. If you don't do that, GitHub will show incorrect progress for the
pull request.
If you're unsure about any of these, don't hesitate to ask. We're here
to help! -->
- [x] I submit my changes into the `develop` branch
- [ ] I have added a description of my changes into the
[CHANGELOG](https://github.com/opencv/cvat/blob/develop/CHANGELOG.md)
file
- [ ] I have updated the documentation accordingly
- [ ] I have added tests to cover my changes
- [ ] I have linked related issues (see [GitHub docs](

https://help.github.com/en/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword))
- [x] I have increased versions of npm packages if it is necessary

([cvat-canvas](https://github.com/opencv/cvat/tree/develop/cvat-canvas#versioning),

[cvat-core](https://github.com/opencv/cvat/tree/develop/cvat-core#versioning),

[cvat-data](https://github.com/opencv/cvat/tree/develop/cvat-data#versioning)
and

[cvat-ui](https://github.com/opencv/cvat/tree/develop/cvat-ui#versioning))

### License

- [x] I submit _my code changes_ under the same [MIT License](
https://github.com/opencv/cvat/blob/develop/LICENSE) that covers the
project.
  Feel free to contact the maintainers if that's a concern.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant