An analogous gradient on a triangle in Inkscape

I have a rectangle, shown below, which has a gradient so that the top and bottom edges fade to black. I wish to reshape this this rectangle into a triangle (like the one pictured) so that top and bottom edges of the triangle still fade to black.

To produce the triangle below I converted the rectangle into a path, removed one of the nodes on the left, and then centered the remaining node on the left.

enter image description here

The gradient I am trying to implement, however, should look more like the one below (which I created in Microsoft Word). Notice how the directions of the gradient are in line with the sides of the triangle.

enter image description here

Are there any ways to create a triangle that has the gradient pattern shown above? Thanks all.

Answer

As DA01 mentioned the gradient options in Inkscape are somehow limited. If you don’t mind using two objects instead of one here’s a guide:

Create a rectangle with a gradient, transform it to a path and drag two nodes to create a triangle. Hit F2 and drag the Linear gradient end node to the tip of the triangle.

enter image description here

Now create a rectangle, cover the upper half of the triangle with it, select the rectangle and afterwards the triangle and cut it with Path > Difference.

Now duplicate and mirror your new triangle.

enter image description here

If you try to join them the gradient will be lost unfortunately.

Attribution
Source : Link , Question Author : Doubt , Answer Author : Stockfisch

Leave a Comment