Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Native line style leaves 1px gap in bottom-left corner with drawRect
See original GitHub issueExpected Behavior
drawRect with native true as line style should close the rectangle
Current Behavior
There is a 1px gap of the rectangle in the bottom-left corner
Steps to Reproduce
See https://pixiplayground.com/#/edit/C5FLxdkvIdTZS7CQROsdD
Environment
pixi.jsversion: 6.0.1- Browser & Version: Chrome 89 and Firefox 87
- OS & Version: Windows 10
- Running Example: https://pixiplayground.com/#/edit/C5FLxdkvIdTZS7CQROsdD
Issue Analytics
- State:
- Created 2 years ago
- Reactions:1
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Native line style leaves 1px gap in bottom-left corner with ...
Expected Behavior drawRect with native true as line style should close the rectangle Current Behavior There is a 1px gap of the rectangle...
Read more >Why does nesting an inline within a block create a 1px gap at ...
One possible solution would be to make the <span> element inline-block . This will remove the gap.
Read more >Class: Rect - Konva
new Rect(config). Parameters: Name, Type, Description. config, Object. Properties ...
Read more >Chapter 15. Drawing - apeth.com
A class like UIImageView will display a static image; you can generate that image dynamically by drawing it in code. And a pure...
Read more >EasyCatalog Support Site - CUNKA
The pencil icon on the bottom left corner of the Record Viewer allows to insert selected field into the document. Bottom row allows...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Those little details!
It’s not that it doesn’t form a rectangle - it is just that the edges aren’t aligned so it seems like that. If the edges were 10px thick, these 1px shifts would not break the rectangle. PixiJS just passes along the vertices to WebGL and WebGL draws the rectangle - so it isn’t a bug in our logic.