Painting Graphics

With Amaya, you can paint (fill or stroke) SVG graphic elements with a single color. The default fill color is black and the default stroke color is transparent, but you can change these values.

There are two ways to change the default fill and stroke value: by editing the SVG attributes from the Attributes menu, or by editing the SVG attribute style with CSS properties

To edit the SVG attributes:

1. Select the graphic.
2. Open the Attributes menu. You will see both of the attributesFilland Stroke.
3. Select the attribute you want to edit.
4. In the dialog, change the attribute (for example,fill=" #C8ff95"; stroke="#000000"), click Apply, then click Close.

   Note:  You can use either a hexidecimal number for colors, or use a specific basic color names such as black, white, blue, green, red, pink, purple, violet or yellow.

To edit the SVG attribute style with CSS properties:

1. Select the graphic.
2. Open the Style menu and select Colors. The color palette will open.
3. Select the desired color from the color palette. When you click the mouse, you generate the stroke property, and when you right-click the mouse, you generate the fill property.

   Note:    SVG text is considered as a graphic shape, so the fill property paints the character contents and the stroke property paints the character border. Amaya applies the fill property to characters, but not the stroke property. Therefore, a click with the left mouse button has no immediate effect, while a click with the middle or right mouse button paints the text element.