Skip to main content
edited body
Source Link
s.ouchene
  • 1.1k
  • 7
  • 13

Update:

Because the browsers still do not support all SVG2 features, there is a better workaround in Inkscape to fix that issue:

  • Select Edit > Preferences.

  • From the tree on the left, select: Input/Output > SVG export

  • Under "SVG 2 to SVG 1.1" check the two checkboxes to use the correct direction and colors (as shown in the screenshot below).

Check the two checkboxes to correctly render direction and colors

  • Now save the SVG file as follows:

    • File > Save as.
    • Check the box: "Export as SVG 1.1 per settings in Preferences dialog"
  • Now the markers should be rendered correctly in the browsers.

enter image description hereenter image description here

Note for Windows users:

For Windows users, you need an extra step in order to enable the "Export as SVG 1.1 per settings in Preferences dialog" option. To enable it:

  • Select: Edit > Preferences.
  • From the tree view select: Interface > Windows.
  • Under "Desktop integration" enable the option "GTK open/save dialogs", as shown in the screenshot below:

Desktop integration


Old answer (but still relevant)

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

Update:

Because the browsers still do not support all SVG2 features, there is a better workaround in Inkscape to fix that issue:

  • Select Edit > Preferences.

  • From the tree on the left, select: Input/Output > SVG export

  • Under "SVG 2 to SVG 1.1" check the two checkboxes to use the correct direction and colors (as shown in the screenshot below).

Check the two checkboxes to correctly render direction and colors

  • Now save the SVG file as follows:

    • File > Save as.
    • Check the box: "Export as SVG 1.1 per settings in Preferences dialog"
  • Now the markers should be rendered correctly in the browsers.

enter image description here

Note for Windows users:

For Windows users, you need an extra step in order to enable the "Export as SVG 1.1 per settings in Preferences dialog" option. To enable it:

  • Select: Edit > Preferences.
  • From the tree view select: Interface > Windows.
  • Under "Desktop integration" enable the option "GTK open/save dialogs", as shown in the screenshot below:

Desktop integration


Old answer (but still relevant)

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

Update:

Because the browsers still do not support all SVG2 features, there is a better workaround in Inkscape to fix that issue:

  • Select Edit > Preferences.

  • From the tree on the left, select: Input/Output > SVG export

  • Under "SVG 2 to SVG 1.1" check the two checkboxes to use the correct direction and colors (as shown in the screenshot below).

Check the two checkboxes to correctly render direction and colors

  • Now save the SVG file as follows:

    • File > Save as.
    • Check the box: "Export as SVG 1.1 per settings in Preferences dialog"
  • Now the markers should be rendered correctly in the browsers.

enter image description here

Note for Windows users:

For Windows users, you need an extra step in order to enable the "Export as SVG 1.1 per settings in Preferences dialog" option. To enable it:

  • Select: Edit > Preferences.
  • From the tree view select: Interface > Windows.
  • Under "Desktop integration" enable the option "GTK open/save dialogs", as shown in the screenshot below:

Desktop integration


Old answer (but still relevant)

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

Add a note for Windows users
Source Link
s.ouchene
  • 1.1k
  • 7
  • 13

Update:

Because the browsers still do not support all SVG2 features, there is a better workaround in Inkscape to fix that issue:

  • Select Edit > Preferences.

  • From the tree on the left, select: Input/Output > SVG export

  • Under "SVG 2 to SVG 1.1" check the two checkboxes to use the correct direction and colors (as shown in the screenshot below).

Check the two checkboxes to correctly render direction and colors

  • Now save the SVG file as follows:

    • File > Save as.
    • Check the box: "Export as SVG 1.1 per settings in PreferenesPreferences dialog"
  • Now the markers should be rendered correctly in the browsers.

enter image description here

Note for Windows users:

For Windows users, you need an extra step in order to enable the "Export as SVG 1.1 per settings in Preferences dialog" option. To enable it:

  • Select: Edit > Preferences.
  • From the tree view select: Interface > Windows.
  • Under "Desktop integration" enable the option "GTK open/save dialogs", as shown in the screenshot below:

Desktop integration


Old answer (but still relevant)

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

Update:

Because the browsers still do not support all SVG2 features, there is a better workaround in Inkscape to fix that issue:

  • Select Edit > Preferences.

  • From the tree on the left, select: Input/Output > SVG export

  • Under "SVG 2 to SVG 1.1" check the two checkboxes to use the correct direction and colors (as shown in the screenshot below).

Check the two checkboxes to correctly render direction and colors

  • Now save the SVG file as follows:

    • File > Save as.
    • Check the box: "Export as SVG 1.1 per settings in Preferenes dialog"
  • Now the markers should be rendered correctly in the browsers.

enter image description here


Old answer (but still relevant)

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

Update:

Because the browsers still do not support all SVG2 features, there is a better workaround in Inkscape to fix that issue:

  • Select Edit > Preferences.

  • From the tree on the left, select: Input/Output > SVG export

  • Under "SVG 2 to SVG 1.1" check the two checkboxes to use the correct direction and colors (as shown in the screenshot below).

Check the two checkboxes to correctly render direction and colors

  • Now save the SVG file as follows:

    • File > Save as.
    • Check the box: "Export as SVG 1.1 per settings in Preferences dialog"
  • Now the markers should be rendered correctly in the browsers.

enter image description here

Note for Windows users:

For Windows users, you need an extra step in order to enable the "Export as SVG 1.1 per settings in Preferences dialog" option. To enable it:

  • Select: Edit > Preferences.
  • From the tree view select: Interface > Windows.
  • Under "Desktop integration" enable the option "GTK open/save dialogs", as shown in the screenshot below:

Desktop integration


Old answer (but still relevant)

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

Update the answer
Source Link
s.ouchene
  • 1.1k
  • 7
  • 13

Update:

Because the browsers still do not support all SVG2 features, there is a better workaround in Inkscape to fix that issue:

  • Select Edit > Preferences.

  • From the tree on the left, select: Input/Output > SVG export

  • Under "SVG 2 to SVG 1.1" check the two checkboxes to use the correct direction and colors (as shown in the screenshot below).

Check the two checkboxes to correctly render direction and colors

  • Now save the SVG file as follows:

    • File > Save as.
    • Check the box: "Export as SVG 1.1 per settings in Preferenes dialog"
  • Now the markers should be rendered correctly in the browsers.

enter image description here


Old answer (but still relevant)

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

Update:

Because the browsers still do not support all SVG2 features, there is a better workaround in Inkscape to fix that issue:

  • Select Edit > Preferences.

  • From the tree on the left, select: Input/Output > SVG export

  • Under "SVG 2 to SVG 1.1" check the two checkboxes to use the correct direction and colors (as shown in the screenshot below).

Check the two checkboxes to correctly render direction and colors

  • Now save the SVG file as follows:

    • File > Save as.
    • Check the box: "Export as SVG 1.1 per settings in Preferenes dialog"
  • Now the markers should be rendered correctly in the browsers.

enter image description here


Old answer (but still relevant)

This is a known issue (see here). A workaround is to use the following extension to color the markers:

Extensions > Modify Path > Color Markers…

Add a link to the issue on Inkscape's bugtracker
Source Link
s.ouchene
  • 1.1k
  • 7
  • 13
Loading
Source Link
s.ouchene
  • 1.1k
  • 7
  • 13
Loading