Creation and rasterization of shapes using geometry, style settings, or location
A digital medium environment is described to improve creation and rasterization of a shape through pixel alignment. In one example, a pixel alignment system is implemented at least partially in hardware of a computing device. The pixel alignment system receives an input that specifies a geometry, a stroke setting, and a location that serves as a basis to position the shape. The pixel alignment system then snaps the location as specified by the at least one input to a snapped location based on a pixel grid. The snapped location based on the geometry, the stroke setting, and the location as specified by the input. A rasterization module is then employed to rasterize the shape as pixels based on the snapped location.
1. In a digital medium environment to improve shape rasterization through pixel alignment, a system comprising:
a pixel alignment system implemented at least partially in hardware of a computing device to:
receive at least one input specifying a geometry, a style setting, and a location of a shape that serves as a basis to position the shape in a user interface, the style setting describing a thickness of a line used to form the shape;
determine a snapped location that maintains the geometry of the shape in the user interface based on a pixel grid, the style setting, and the location, the snapped location determined as a pixel location in the pixel grid in response to definition of the line as center-aligned and the thickness of the line having an even number of pixels and the snapped location determined as a sub-pixel location in the pixel grid in response to definition of the line as center-aligned and the thickness of the line having an odd number of pixels;
snap, prior to rendering the shape, the location as specified by the at least one input to the snapped location in the user interface;
rasterize the shape as pixels based on the snapped location; and
render the rasterized shape for display on a display device.
2. The system as described in claim 1 , wherein the pixel alignment system is configured to permit anti-aliasing for at least a portion of the shape.
3. The system as described in claim 2 , wherein the portion of the shape is covered or is not aligned along a horizontal axis or vertical axis of the pixel grid.
4. The system as described in claim 1 , wherein the style setting defines whether the line used to form the shape is center-aligned, outside-aligned, or inside-aligned.
5. The system as described in claim 1 , wherein the snapped location is defined to align the line used to form the shape at the pixel or sub-pixel location within the pixel grid.
6. The system as described in claim 1 , wherein the location defines a center or corner as part of a center-to-corner definition or corner-to-corner definition of the shape.
7. The system as described in claim 1 , wherein the snapped location is determined as the sub-pixel location.
8. The system as described in claim 7 , wherein snapping the location to the snapped location snaps a corner of the shape to the sub-pixel location.
9. The system as described in claim 8 , wherein two lines used to form the corner align with sub-pixel locations of the pixel grid.
10. At least one computer-readable storage media having instructions stored thereon that, responsive to execution by a computing device, causes the computing device to perform operations comprising:
receiving at least one input to create a shape, the at least one input specifying a geometry, a style setting, and a location of the shape that serves as a basis to position the shape in a user interface, the style setting describing a thickness of a line used to form the shape;
determining a snapped location that maintains the geometry of the shape in the user interface based on a pixel grid, the style setting, and the location, the snapped location determined as a pixel location in the pixel grid in response to definition of the line as center-aligned and the thickness of the line having an even number of pixels and the snapped location determined as a sub-pixel location in the pixel grid in response to definition of the line as center-aligned and the thickness of the line having an odd number of pixels;
snapping the location to the snapped location; and
rasterizing the shape as pixels based on the snapped location.
11. The computer-readable storage media as described in claim 10 , wherein the input specifying the geometry and the style setting is originated through user interaction with a shape creation tool of a shape creation system.
12. The computer-readable storage media as described in claim 10 , wherein the style setting defines whether a line used to form the shape has a center, outside, or inside alignment.
13. The computer-readable storage media as described in claim 10 , wherein the snapped location is defined to align a line used to form the shape at a pixel or sub-pixel location within the pixel grid.
14. The computer-readable storage media as described in claim 10 , wherein the location defines a center or corner as part of a center-to-corner definition or corner-to-corner definition of the shape.
15. The computer-readable storage media as described in claim 10 , wherein the snapped location is determined as the sub-pixel location based on the style setting of the shape.
16. The computer-readable storage media as described in claim 15 , wherein the snapping further comprises snapping a center of the line to the snapped location.
17. The computer-readable storage media as described in claim 10 , further comprising permitting anti-aliasing to at least one portion of the shape.
18. The computer-readable storage media as described in claim 17 , wherein the at least one portion of the shape is not aligned with the pixel grid.
19. The computer-readable storage media as described in claim 10 , wherein the snapping occurs prior to rendering the shape for display.
20. In a digital medium environment to improve rendering of a shape in a user interface through pixel alignment, a system comprising:
means for specifying a geometry, a style setting, and a location of a shape that serves as a basis to position the shape, the style setting describing a thickness of a line used to form the shape;
means for determining a snapped location that maintains the geometry of the shape in the user interface based on a pixel grid, the style setting and the location, the snapped location determined as a pixel location in the pixel grid in response to definition of the line as center-aligned and the thickness of the line having an even number of pixels and the snapped location determined as a sub-pixel location in the pixel grid in response to definition of the line as center-aligned and the thickness of the line having an odd number of pixels;
means for snapping the location to the snapped location in the user interface;
means for rasterizing the shape in the user interface based on the snapped location; and
means for rendering the rasterized shape.