[EMAIL PROTECTED] wrote:
I do have multiple SVG menu buttons like:

<svg id="Button_1">
 <path clip-path="url(#BackgroundClipPath)" d="..."/>
</svg>

<svg id="Button_2">
 <path clip-path="url(#BackgroundClipPath)" d="..."/>
</svg>

etc.

where 'BackgroundClipPath' is quite a round-shaped menu background.

When viewing those buttons in Adobe's Viewer their edges appear smooth
as expected. However, when I start rendering those buttons as
BufferedImages (ARGB) using Batik's ImageTranscoder they come out with a
hard edge. It seems like they don't render to ARGB but to RGB images.
Other SVG graphics which don't employ a clip-path don't exhibit this
behaviour.

Anybody else had this problem?

For performance reasons Batik uses hard-edged clip paths by default. You can fairly easily replace the clip-path references with mask refereces which Batik will render using anti-aliasing. Also I believe if you set shape-rendering="geometricPrecision" Batik will use soft edge clipping.



---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]



Reply via email to