Comments (5)
On #60 viewport now starts at center of canvas. That should help a little, as resizing after page open should not expose the border anymore. (Unless you have a big monitor). Sincerely, if someone takes the time to open devtools and drag the screen to an edge, keeping it inside the viewport, then closes the devtools, that's on them.
from openoutpaint.
This seems to be just the viewport keeping its center when resizing... I am uncertain if there is much we could do about this, unless we move the viewport manually when resizing.
Seeing the greenish background is expected behavior, as one can manually drag the viewport to there:
Peek.2022-11-29.22-28.mp4
In this video, the pink point is the viewport center (also kind of the anchor point). What seems to be happening on devtools close, is that the viewport expanded, and the center was kept in-place. Not sure what we can do, as any solution I can think of worsens the problem if the viewport were to be extended to the other side. (ex. fix for expanding to the bottom would worsen the problems for expanding from the top).
from openoutpaint.
Maybe we can, on resize, force the viewport back to fully inside the canvas. When the zoom is far enough to cover a full side of the canvas, we might as well center the viewport. But I think that would confuse many people who had their viewports outside the canvas already... There is the possibility of doing this "force inside canvas" only when the viewport initially was fully inside the canvas?
from openoutpaint.
honestly, i wonder if it's even a problem at all; like you said, the delightfully windows-98-colored background is expected to be seen on a pan, and yeah, it makes perfect sense that a viewport center is vertically higher on page render with the devtools open so this probably doesn't even COUNT as an issue per se ;) also, i suspect very few are going to be refreshing the page with devtools open except for, uh, us lol
from openoutpaint.
On #60 viewport now starts at center of canvas. That should help a little
"a little" meaning it's completely alleviated in both firefox and chrome from what i can tell :D
from openoutpaint.
Related Issues (20)
- [Feature Request]: Erase mask with Ctrl+left click instead of right click HOT 4
- [Feature Request]: Make ControlNet more easy to use? or Provide info on how to use it in the Manual? HOT 2
- [Feature Request]: Keyboard shortcut for Mask Clear HOT 3
- [Bug]: Canvas eventaully disapears on Firefox HOT 2
- [Bug]: Unable to 'apply current' on Chrome: Failed to execute 'drawImage' on 'CanvasRenderingContext2D' HOT 3
- [Bug]: Extentions don't always detect properly HOT 1
- [Bug]: mask issue with inpaint if inpaint_only+lama selected HOT 2
- [Bug]: large canvas cropped on upscale HOT 1
- [Bug]: I am unable to use the app due to an api error HOT 3
- [Bug]: Error generating images HOT 4
- [Bug]: Layers not working as expected HOT 10
- [Bug]: Img2Img/Dream leads to unexpected cropping HOT 5
- [Bug]: Prompt working but when accepting picture, it only keeps the area it was looking for and cut the rest of the image outside the box. HOT 11
- [Bug]: After pressing "Y" the canvas is cleared, only the last generation remains HOT 4
- [Feature Request]: Ability to cancel all processes with one action HOT 12
- [Bug]: Unable to Scroll Through UI Components HOT 1
- [Bug]: Selection tool resize handles not working. HOT 13
- [Feature Request]: Add mobile browser support HOT 2
- [Bug]: Transform Tool Erase is not saving to history. HOT 1
- [Bug]: Not working with Forge HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from openoutpaint.