Drawing A Line In Html

Create lines and arrows using the Line tool in Photoshop.

TheLine Tool allows you to draw a two-point line on the canvas. Lines can be drawn as vector shapes, paths, or pixels. Choose Shape mode if you want to make a non-destructive, scalable line that you can edit at a later date. Choose Pixels mode when working with rasterized content such as pixel art.

Follow these quick steps to draw a line:

Click the gear icon () on the Line tool options bar and select Live Shapes Controls to enable on canvas transform controls. This allows you to rotate and resize lines from the canvas. This will also scale the arrowheads.

Transform and Appearance settings can also be set from the Properties panel. This can be enabled on the main menu from Window > Properties.

To create an arrow, you simply add arrowheads to a line. After creating a line and setting the stroke color and width, click the gear icon () on the Line tool options bar. To add an arrow at the beginning of your line, Check Start ; to add an arrow at the end of your line, check End. To add arrows to both ends, check both Start and End.

Set the Width and Lengthof the arrowhead in pixels. In version 22.0 and above, arrowheads are defined in absolute pixels, not percent weight.
Set the Concavity , the amount of curvature on the widest part of the arrowhead, where the arrowhead meets the line. Enter a Concavity value between –50% and +50%.