SVG Filter Test Review

NameVerLineLine CapLayerShape-rendering crispEdge
following		Blur ProblemBaseFrequency
Nagative value		SVG
Filter		SVG
Pattern		Memo
Inkscape 0.9.1 OK OK OK N/A︎ 0.25 Error Process(*) OK OK
Adobe Illustrator CS5/CS6 OK OK OK OK 0.25 Error Process(*) OK OK Bug:a marker feature isn't display completely.
filtered 0.8.5 OK OK ---- OK 0.25 BaseFrequency="1" not work
BaseFrequency="0.99" work 		OK OK Apache Batik
Firefox 37 OK OK ---- OK 0.25 (Windows only)
Support OSX/Linux 		Negative value not work
(Windows Only) 		OK OK
Safari 8.0.6 OK OK ---- OK Support Negative value not work
(Win/OSX/Linux?) 		OK OK linear RGB ColorSpace
Iron 39 OK OK ---- OK 0.25 Negative value not work
(Win?/OSX/Linux?)		OK OK
Opera 12.16 OK OK ---- OK Support Negative value not work
(Win?/OSX?/Linux) 		OK OK
LibreOffice
Draw		 4.4.1 OK NG(Bug) ---- N/A︎ N/A︎ N/A︎ N/A︎ N/A︎ Pattern and Filter aren't support.
Bug: Rounded line cap isn't display
Scribus 1.5.4 OK OK ---- N/A︎ N/A︎ N/A︎ N/A︎ OK Pattern support
Filter isn't support
GIMP 2.8.14 OK OK ---- OK 0.25 Error Process(*) OK OK
Graphic
Converter		 9.6.1 OK OK ---- OK ? Error Process(*) OK OK Apple Quartz pdf importer
dynaPDF importer
Internet Explorer 11 OK OK ---- N/A︎ 0.25 Negative value not work OK OK
AffinityDesigner1.2Trial OK OK OK N/A︎ N/A N/A N/A N/A Line OK, Filling faces is bad
Important: if svg document which has multiple filter tag,then Freese app!!,So Wings3D svg filter catalog cant load complete.
AffinityDesigner1.4 OK OK OK N/A︎ N/A N/A N/A N/A Line OK, Filling faces is bad
Important: if svg document which has multiple filter tag,then Freese app!!,So Wings3D svg filter catalog cant load complete.
Sketch3.3.2Trial OK NG OK N/A︎ N/A N/A N/A N/A
* Regarding Illustrator , GIMP,Inkscape ,these softwares might has removed the sign.

Reference：
SVG output script
rendering - Adjacent svg:polygon edges do not meet - Stack Overflow

The compatibility of svg layer structure

Sketch3 Trial
Affinity Designer 1.2 Trial


(Affinity Designer 1.4, No Filter and No Filling OK,but bad shape edge displayed)


Illustrator CS5
Inkscape 0.9.0

*Inkscape 0.91



How to prevent from being out fine lines on the boundaries of overlapping polygons .
CTRL+SHIFT+D > Document Propaties dialog...Page tab > Display > un-check to Antiailias


References；
InkscapeForum.com • View topic - Workaround for erroneous gaps in rendering?
Inkscape workaround to fix the white gaps between objects | inkscape tutorials blog
html5 - How to render svg elements with crisp edges while still keeping anti-aliasing? - Stack Overflow
VRM Vector Rendering Method - about

*Adobe Illustrator CS5,CS6

:


*filterd 0.8.5:filtered - editor for SVG filters


Fix Data：


*Firefox37


MacOSX Firefox 37.0.2


Windows Firefox 37


Lubuntu(Linux) Firefox 32


MacOSX Firefox 49

*Safari 8.0.6



*Safari 10.0


*Iron39(Chrome)



*LibreOffice 4.4.1



*Scribus 1.5.4




*SVG Edit 2.6β



Opera 12.16


*Internet Explorer 11

*GIMP 2.8.14

Fixed :

GraphicConverter v9.6.1

Left image is GraphicConverter,and right image is GIMP

Affinity Photo,Affinity Designer 1.4

SVGファイルを読み込む場合、メニューから「開く」でレイヤわけされたデータとして読み込めます。
配置やドラッグアンドドロップでは埋め込み画像になります。
現時点(v1.4)ではSVGフィルタ無しの線画なら大丈夫です。

しかしたくさんのSVGフィルタを含むデータを読み込むとフリーズします(Photo,Designer両方とも)。
下の画像はカタログ一覧を読み込んでフリーズした時のSSです(SVGフィルタを多用しているため)。
フィルタはぼかしのみ認識されるようです↓


今度はSVGレンダリング出力を読み込んでみたところ。密着した図形同士のエッジの際が白い線となって目立ってしまいました。

この問題については、Designerのほう対処法見つからず。Photoの場合は対処法があります。
Facesレイヤーに「メディアンぼかし」または「最大ぼかし」を適用すると白い線を消すことができます。

Vivaldi 1.2.490.39 for MacOSX


一部のSVGフィルタが反映されていません。 DrawingPaper3は表示されますが、読み込みに時間がかかります。

Vivaldi 1.6.689.40 for MacOSX


SVGフィルタの表示は問題ないようです。

ShotCut 16.10(MacOSX)

マルチトラック対応ノンリニア動画編集ソフト。HTML5用アニメーションライブラリも利用可能
SVGファイルは線画素材として読み込み可能。ただしSVGフィルタは未対応。

もしSVGフィルタを利用する場合は、ShotcutフィルタでHTML5オーバーレイ機能を使用してください(Mac＆Linuxのみ)
読み込むHTMLファイル内でIMGタグを使ってSVGファイルを表示することができます

Krita4.0 Alpha

This report writtern by tkbd