User:JoKalliauer/SVG test suites

SVG Test suites

summary

SVG	librsvg 2.50	resvg 0.14.0	Inkscape 1.0	batik 1.13; 1.14
W3C correctness	0,662	0,831	0,745	0,801
W3C cpu-time (512px)	1m 46,776s	1m 04,490s	7m 57,465s	6m 51,560s
RazrFalcon correctness	0.754	0.956	0.729	0.703
RazrFalcon time	4min 05sek	2min 30sek	46min 22sek	61min 29sek
featured correctness	0.92	1.00
featured time	5m 17,701s	4m 46,639s	15m 28,202s	11m 30,768s
time 2006-MediaWiki-collection (512px)	23.129s	9.551s	186.809s	87.313s
solved phab:-tasks relative to all tasks	0.55	0.88	0.78

commands

command	librsvg	resvg	Inkscape	batik
width 512px	-w 512	-w 512	-w 512	-w 512
dpi 96	-a -d 96dpi -p 96dpi	--dpi 96	-d 96	-dpi 96
lang=de-AT, de, en	Unix $LANG environment	--languages 'de-AT, de, en'	Unix $LANG environment	-lang (not working)

which commands are used

used environment installations

#librsvg&inkscape&prerequieries
sudo dnf --refresh upgrade
if [ -f "/etc/debian_version" ]; then
 sudo apt install python3-pip cargo npm inkscape optipng scour librsvg2-bin
fi
if [ "$(grep -Ei 'fedora|redhat' /etc/*release)" ]; then
 sudo dnf install inkscape #inkscape
 sudo dnf install librsvg2 #librsvg
 sudo dnf install cargo #resvg
 sudo dnf install cabextract #for unpacking windows fonts
 sudo dnf install google-noto-\* #for google-noto-fonts (>1GB!)
 sudo dnf install python3-pip npm optipng python3-scour batik batik-rasterizer ImageMagick qt5-qtbase-devel harfbuzz-devel qt5-qtbase qt5-qtbase-devel qt5-qtsvg qt5-qtsvg-devel librsvg2-tools wxsvg wxsvg-devel #not shure if needed
fi
#batik
mkdir -p ~/prgm
cd ~/prgm
wget https://mirror.klaus-uwe.me/apache//xmlgraphics/batik/binaries/batik-bin-1.14.zip
unzip batik-bin-1.14.zip
#resvg
mkdir -p ~/Documents/GitDesktop/
cd ~/Documents/GitDesktop/
git clone https://github.com/RazrFalcon/resvg.git
cd resvg/
git config pull.rebase false #optional
git pull #optional
cargo build --release
./make-vendored.sh

fonts

• https://github.com/RazrFalcon/resvg-test-suite/tree/master/fonts
• sudo rpm -i https://downloads.sourceforge.net/project/mscorefonts2/rpms/msttcore-fonts-installer-2.6-1.noarch.rpm ; fc-cache -f -v

main

#!/bin/bash
export WIDTH=512
mkdir -p 4Batik${WIDTH} 3Ink${WIDTH} 2lib${WIDTH} 1Resvg${WIDTH} 3InkShell${WIDTH}
cp aa_resvg.sh 1Resvg${WIDTH}/aa_resvg.sh
cp aa_librsvg.sh 2lib${WIDTH}/aa_librsvg.sh
cp aa_Inkscape.sh 3Ink${WIDTH}/aa_Inkscape.sh
cp aa_batik.sh 4Batik${WIDTH}/aa_batik.sh
cp aa_InkShell.sh 3InkShell${WIDTH}/aa_InkShell.sh
cd SVG
#for file in *.svg
# do
# mv -- "$file" "${file// /_}"
#done
for file in *.svg
 do
 cp "$file" ../4Batik${WIDTH}/"$file"
 cp "$file" ../3Ink${WIDTH}/"$file"
 cp "$file" ../2lib${WIDTH}/"$file"
 cp "$file" ../1Resvg${WIDTH}/"$file"
done
cd ..

date
cd 1Resvg${WIDTH}
echo $(pwd)
time taskset -c 0 ./aa_render.sh &> aa_re.txt
cd ..
date
cd 2lib${WIDTH}
echo $(pwd)
time taskset -c 0 ./aa_render.sh &> aa_lib.txt
cd ..
date
cd 3Ink${WIDTH}
echo $(pwd)
time taskset -c 0 ./aa_render.sh &> aa_Ink.txt
cd ..
date
cd 4Batik${WIDTH}
echo $(pwd)
time taskset -c 0 ./aa_render.sh &>aa_batxt
cd ..
date
cd 3InkShell${WIDTH}
echo $(pwd)
./aa_render.sh &> aa_Ink.txt
cd ..
date

librsvg

#!/bin/bash
date
for file in *.svg
 do
 echo & #Add a empty line to split the output
 echo $file &
 rsvg-convert "$file" -w ${WIDTH} -a -d 96 -p 96 >"${file%.svg}_librsvg.png"
done
date

resvg

#!/bin/bash
date
for file in *.svg
 do
 echo & #Add a empty line to split the output
 echo $file &
 ~/Dokumente/GitDesktop/resvg/target/release/resvg "$file" -w ${WIDTH} "${file%.svg}_rendersvg.png"
done
date

Inkscape (start for each image)

#!/bin/bash
date
for file in *.svg
 do
 echo & #Add a empty line to split the output
 echo $file &
 inkscape "$file" -w ${WIDTH} --export-type="png"
 mv "${file%.svg}.png" "${file%.svg}_Inkscape.png" &
done
date

Inkscape (start only once)

#!/bin/bash
date
for file in *.svg
 do
 echo "file-open:${file}; export-type:png; export-width:${WIDTH}px; export-do;" >> aa_toInkscape.txt
done
echo quit  >> aa_toInkscape.txt
date
 time taskset -c 0 inkscape --shell --actions="$(cat aa_toInkscape.txt)"
date

Batik

#!/bin/bash
date
for file in *.svg
 do
 echo & #Add a empty line to split the output
 echo $file &
 java -Djava.awt.headless=true -jar ~/prgm/batik-1.14/batik-rasterizer-1.14.jar -w ${WIDTH} "$file" -d "${file%.svg}_batik.png"
done
date

Differences that are no mistake

• Different Antialising
• Different font-fallback
• 90dpi or 96dpi, see User:JoKalliauer/SVG_units, this can be fixed for some render e.g. resvg; librsvg 2.52 librsv2.52 will change from 90dpi to 96dpi

W3C SVG 1.1 test suite

https://www.w3.org/Graphics/SVG/Test/20110816/

SVG	librsvg	resvg	Inkscape	batik	chrome	firefox	svgnet	wxsvg	qtsvg
correctness 2	0,662	0,831	0,745	0,801	0,866	0,855	0,614	0,193	0,418
user+sys time (natural resolution)	13m 23.399s	0m 42.104s	22m 55.256s	70m 16.007s
time (300px)	13m 12,446s	1m 7,044s
time (512px)	14m 43,146s	1m 12,591s	21m 14,825s (4m 13.46s)	29m 46,446s
time (512px)	1m52,417s

Where resvg is superior to librsvg

	SVG	vdiff
color-prop-05-t
coords-viewattr-04-f
filters-conv-01-f
filters-conv-02-f
filters-conv-04-f
filters-composite-04-f
filters-diffuse-01-f
filters-image-01-
filters-image-03-f
filters-image-04-f
filters-image-05-f
filters-light-05-f
filters-specular-01-f
linking-a-08-t
linking-a-09-b
linking-a-10-f
masking-path-04-b
masking-path-07-b
masking-path-10-b
masking-path-11-b
painting-control-04-f
painting-control-06-f
painting-stroke-10-t
pservers-grad-13-b
pservers-grad-17-b
pservers-grad-20-b
pservers-grad-21-b
render-groups-01-b
render-groups-03-t
shapes-intro-02-f
shapes-polygon-03-t
struct-cond-overview-02-f
struct-cond-overview-03-f
struct-cond-overview-04-f
struct-frag-05-t
struct-image-01-t
struct-image-04-t
struct-image-05-b
struct-image-06-t
struct-image-08-t
struct-image-10-t
struct-image-13-f
struct-image-14-f
struct-image-15-f
struct-image-17-b
struct-image-19-f
struct-symbol-01-b
struct-use-01-t
struct-use-12-f
styling-elem-01-b
styling-pres-01-t
text-align-04-b
text-bidi-01-t
text-deco-01-b
text-path-01-b
text-path-02-b
text-spacing-01-b
text-text-04-t
text-text-05-t
text-text-06-t
text-text-07-t
text-text-09-t
text-text-12-t
text-tspan-01-b
text-tspan-02-b

Where librsvg is superior to resvg

	SVG	vdiff
filters-displace-02-f
filters-light-03-f
filters-light-04-f
filters-turb-02-f
filters-overview-01-b
filters-overview-02-b
filters-overview-03-b
struct-frag-04-t
styling-css-04-f
text-tref-02-b

Where both fail

	SVG	vdiff
color-prof-01-f
filters-composite-05-f
filters-displace-01-f
filters-light-01-f
filters-light-02-f
filters-offset-02-b
masking-path-06-b
painting-render-01-b
painting-render-02-b
struct-cond-overview-05-f
struct-image-02-b
struct-image-03-t
struct-image-07-t
struct-image-09-t
struct-image-12-b
struct-image-16-f
struct-image-18-f
struct-use-04-b
struct-use-05-b
struct-use-06-b
struct-use-07-b
struct-use-13-f
styling-css-05-b
styling-css-09-f
styling-css-10-f
styling-pres-05-f
text-align-05-b
text-align-06-b
text-fonts-03-t
text-fonts-04-t
text-fonts-202-t
text-fonts-203-t
text-fonts-204-t
text-intro-02-b
text-intro-03-b
text-intro-05-t
text-intro-09-b
text-intro-10-f
text-text-01-b
text-tref-01-b
types-basic-02-f

ReSVG-Test-suite

1338files from https://github.com/RazrFalcon/resvg/tree/master/tests/svg uploaded in Category:Rendersvg_test_suite.

SVG	librsvg 2.50	resvg 0.14.0	Inkscape 1.0	batik 1.13; 1.14	Chromium r818858	Firefox 83	SVG.NET 3.0.102	wxSVG 1.5.11
correctness	0.754	0.956	0.729	0.703	0.886	0.872	0.450	0.254
time	4min 05sek	2min 30sek	46min 22sek	61min 29sek
time (300px)	4m 26,674s	2m 14,276s	27m 17,977s	45m 1,809s
time (512px)	6m 13,054s	2m 35,135s	38m 5,628s (17m 8.889s/ 2m 22.970s)	63m 36,648s

all Images User:JoKalliauer/SVG test suites/all Images

Category:Featured pictures on Wikimedia Commons - vector

141 files in https://commons.wikimedia.org/wiki/Category:Featured_pictures_on_Wikimedia_Commons_-_vector

This category represents the most qualitative SVG-files on Commons. Different font-fallbacks are not considered as mistake.

SVG	librsvg 2.50	resvg 0.14.0	Inkscape 1.0	batik 1.14
correctness	0.92	1.00
real time (limited to 1CPU)	5m 17,701s	4m 46,639s	15m 28,202s	11m 30,768s
real time (300px)	3m 44,533s	0m 50,908s	3m 37,714s	8m 29,825s
time (512px)	4m 28,886s	1m 15,307s	5m 9,164s (2m 27,598s)	10m 8,168s

User:JoKalliauer/SVG test suites/Featured details

test files by User:Glrx

User:Glrx might be one of the experts about special SVG-features and details about SVG-standard, they are known for contributing usefull test-files.

Supporting SVG 2.0 features is not considered as a mistake, even if rendered as SVG 1.1 would be different. Since SVG 2.0 is not released, so such features do not count as mistakes, even if implemented wrong.

SVG	librsvg 2.50.3 - 2.54.3	resvg 0.14.0 - 0.22.0	Inkscape 1.0.2 - 1.2	batik 1.14
	1 alignment-baseline 2 dominant-baseline 3 textLength 4 phab:T11420 textPath is not supported	1 alignment-baseline 2 dominant-baseline 3 textLength	1 alignment-baseline 2 no Chinese fallback-font 3 text-anchor	1 alignment-baseline 2 dominant-baseline
	Left 2 wrong Right 2 wrong Right 3 wrong Right 4 wrong		Left 2 wrong Left 3 wrong Right 1 wrong Right 2 wrong Right 3 wrong Right 4 wrong	nonquadratitic viewBox not supported Left 2 wrong Left 3 wrong Right 1 wrong Right 2 wrong Right 3 wrong Right 4 wrong
		undefined behavior for SVG1.1 phab:T228321, resvg, w3c

selected files from Category:Pictures showing a librsvg bug

This files are known to be difficult to render and are relevant features on commons. However here a comparison about correctness might be missleading.

see Librsvg_bugs for most important ones

see Template:C for simple minimal working examples

textPath

There exist no renderer and no browser (at least neither Chrome nor Firefox) that fully suppport textPath: e.g:

1. librsvg does not support it at all(!)
2. resvg not in combination with textLength
3. Inkscape supports negative offsets wrong
4. batik chrashes sometimes, here it is difficult to find out what's wrong

User:JoKalliauer/SVG_test_suites/textPath User:JoKalliauer/SVG test suites/textPath

files showing a resvg-bug

This files are known to be difficult to render and are relevant features on commons. However here a comparison about correctness might be missleading, since they are taken from resvg Bugreports .

Known resvg-issues and workarounds User:JoKalliauer/SVG test suites/resvg Issues details

requested files by others

Note: You are allowed to edit this page!

Here everyone can add svg-files, which they want to check renderings by different software engines. Generally it should only be valid SVG 1.1-files.

SVG resvg librsvg Ink batik Template:Vertical header Template:Vertical header Template:Vertical header

more Render

tested:

• w:librsvg, a small, simple viewer to preview how SVG files will look when rendered by MediaWiki
• resvg, is one of the fastest and most correctes SVG-render
• Inkscape, supports also Inkscape-features, which are not in the SVG-1.1-DTD-Standard
• batik, a java-based toolkit for svg-rendering

untested:

• Svg-explorer-extension, a free LGPL extension for Template:W that generates thumnails for SVG files
• svgexport, a Node.js module
• cairosvg, a Python library
• ImageMagick, image-converter
• chrome-svgrender, renders SVG files using Headless Chrome
• SVG.NET, a basic renderer
• QtSVG, a basic renderer
• wxsvg, a basic renderer
• svglib, a Python-libary
• aspose.svg, a .NET-API
• w:en:GPAC_Project_on_Advanced_Content, for animated SVG
• w:en:Trident_(software), by Micorsoft
• w:en:Gecko_(software), by Mozilla
• w:en:WebKit, by Apple
• w:en:Blink_(browser_engine), by Google
• w:en:Presto_(browser_engine), by Opera
• KSVG, by KDE
• w:en:Prince_(software)
• w:en:Amaya_(web_editor)
• w:en:Renesis_Player
• https://phantomjs.org/
• https://www.npmjs.com/package/svgexport
• https://github.com/Brooooooklyn/canvas/ (This project is in pre-release stage. And there may some bugs existed.)