With new devices popping up all over now with different screens of shapes and sizes would it make more sense for these changes to have further clarity around different display shapes?
It also seems like rules similar to print CSS paging would help displaying on these devices. Overflow gets clipped when using the shape-inside demo. Issue 2 covers this.
To have text fit into the the shape of the display, normal scrolling wouldn’t work as the text would start reflowing around as the user scrolled.
So I think the only simple way once using shape-inside, the interface would turn to card mode and slice the content into pages which are fixed to the device size.
Transition between one card and the next would need to be definable too.
Hi Jonathan,
I’m Hyojin Song who is an editor of the CSS Round Display spec.
The first issue you indicated is exactly right, and I’ve applied the issue. I think you have an eye like a hawk Even though I reviewed the spec with deliberation, I didn’t catch the error.
For the second issue, I think it depends on where is the major axis, and it is normally the right direction as the 0 degree. You can find the background materials in the wiki page as follows. http://en.wikipedia.org/wiki/Polar_coordinate_system
If I’m missing something, Feel free to let me know.
Thank you for your interest and support of the CSS Round Display.
Gradients used to have 0deg pointing to the right, to align with standard polar coordinates, and positive angles go CCW. But SVG uses bearing angles, with 0deg pointing up and positive angles going CW, so I aligned with that.
Everything in CSS that uses angles for directions should do the same.