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

Results are black. #1

Open
FORSOLADU opened this issue Nov 9, 2021 · 3 comments
Open

Results are black. #1

FORSOLADU opened this issue Nov 9, 2021 · 3 comments

Comments

@FORSOLADU
Copy link

Hello, I run "python probe.py" directly, while the outputs results are black pics.
Also, the mask jpgs in "html/image/" are black.
My Python version is 3.9.7.
1
2

@jayelm
Copy link
Owner

jayelm commented Nov 9, 2021

Mask images represent alpha values that are to be overlaid on top of images in the html file, so the mask images being black (when viewed in a standard image viewer) is to be expected.

For the main images being black, can you verify that the images themselves are actually black, or that the html/css is simply not displaying them (+ the mask) properly? Specifically, could you try right clicking on one of the "black" images -> inspect element, and finding the url that the image points to, and opening the corresponding image in a local image editor? Does that work?

^ If the images exist locally, then it may be some quirk with html/css - one thing to check is if you're using a relatively modern browser (e.g. chrome) and if your network isn't just taking a really long time to load images and the corresponding masks.

^ If the images do not exist locally, then let me know and I can try to debug further.

@FORSOLADU
Copy link
Author

FORSOLADU commented Nov 10, 2021

Mask images represent alpha values that are to be overlaid on top of images in the html file, so the mask images being black (when viewed in a standard image viewer) is to be expected.

For the main images being black, can you verify that the images themselves are actually black, or that the html/css is simply not displaying them (+ the mask) properly? Specifically, could you try right clicking on one of the "black" images -> inspect element, and finding the url that the image points to, and opening the corresponding image in a local image editor? Does that work?

^ If the images exist locally, then it may be some quirk with html/css - one thing to check is if you're using a relatively modern browser (e.g. chrome) and if your network isn't just taking a really long time to load images and the corresponding masks.

^ If the images do not exist locally, then let me know and I can try to debug further.

3
The images exist locally. It is likely to be a CSS quirk. I am using the latest Chrome, also Edge and Firefox are used, while it seems the "-webkit-mask-image" does not work.

@jayelm
Copy link
Owner

jayelm commented Nov 11, 2021

Could you try replacing -webkit-mask-image in the html file with mask-image (everywhere), or whatever prefix is appropriate for your browser? https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image

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

No branches or pull requests

2 participants