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.

Sign up for GitHub

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

Jump to bottom

Proposal: getCornerPoints() #1294

Closed
jogibear9988 opened this issue Jun 21, 2024 · 5 comments
Closed

Proposal: getCornerPoints() #1294

jogibear9988 opened this issue Jun 21, 2024 · 5 comments
Labels
addition/proposal New features or enhancements needs implementer interest Moving the issue forward requires implementers to express interest

Comments

@jogibear9988
Copy link

What problem are you trying to solve?

For a designer application you need the 4 corner points of a element to draw overlays.

What solutions exist today?

You only could use the getBoundClientRect API, or combine all transformations and positionings and calculate the real element position manually

How would you solve it?

Add an API to Element (getCornerPoints) wich returns an array of 4 points wich are the transformed points according to window.

Anything else?

sample what I need: https://node-projects.github.io/web-component-designer-demo/index.html?html=
(click on the button to see the overlay)
This works now, but is slow and error prone. And it does not work correctly for transformed SVG element parts.
@jogibear9988 jogibear9988 added addition/proposal New features or enhancements needs implementer interest Moving the issue forward requires implementers to express interest labels Jun 21, 2024
@jogibear9988 jogibear9988 mentioned this issue Jun 22, 2024
Open
@annevk
Copy link
Member

annevk commented Jul 2, 2024

This is prolly better pitched against w3c/csswg-drafts as they maintain CSSOM View & friends. Could you open an issue there?

@jogibear9988
Copy link
Author

there exists an API for this: "getBoxQuads"
https://www.w3.org/TR/cssom-view/#geometry
https://caniuse.com/mdn-api_document_getboxquads

linked issue about other missing APIs on SVG/MathML wich could be used to polyfill this API
w3c/csswg-drafts#10514

@jogibear9988
Copy link
Author

Seems there is already an issue at css repo:

w3c/csswg-drafts#1543
but it is closed.

and another one linkin it:
w3c/csswg-drafts#1129

@jogibear9988
Copy link
Author

https://issues.chromium.org/issues/41163543

@jogibear9988
Copy link
Author

polyfill: https://github.com/jogibear9988/getBoxQuadsPolyfill

@annevk annevk closed this as not planned Won't fix, can't repro, duplicate, stale Jul 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
addition/proposal New features or enhancements needs implementer interest Moving the issue forward requires implementers to express interest
Milestone
No milestone
Development

No branches or pull requests
2 participants
@jogibear9988 @annevk