Discussion Board

Results 1 to 2 of 2
  1. #1
    Registered User
    Join Date
    Jan 2009

    SVG antialiasing artifacts on S40

    I'm trying to switch the graphics in our application from rasterized PNG's to vector graphics using the Scalable 2D Vector Graphics API for J2ME (JSR-226).

    I can load and render an SVG-image file just fine, but when rendering in high quality (RENDERING_QUALITY_HIGH), a dark colored border appears around the shapes. This is especially apparent with light colors. The problem does not appear when the rendering quality is set to low, but then the shapes are also no longer anti-aliased, so this is not an acceptable solution. Somehow the dark border seems to be related to the antialiasing method used.

    I've uploaded a screenshot showing the result of rendering a white circle on a white background here:

    This is the source of the SVG used:
    <?xml version="1.0" encoding="utf-8"?>
    <!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
    <svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    	 x="0px" y="0px" width="240px" height="240px" viewBox="0 0 240 240" xml:space="preserve">
    <circle fill="#FFFFFF" cx="120" cy="120.001" r="75"/>
    Any thoughts on how to get rid of those ugly black borders?

    Some observations:
    * Increasing the transparency of the ScalableGraphics instance also reduces the opacity of the artifacts
    * The artifacts seem unrelated to the color of the rendered shapes as well as the background.
    * Scrolling the screen alters the artifacts, so they seem to be relative to the screen, not the image.

    I'm testing on a Nokia 6212c (physical device and emulator) and I'm using j2me polish for the UI (have not yet tested if this is relevant).

  2. #2
    Registered User
    Join Date
    Jul 2009

    Angry Re: SVG antialiasing artifacts on S40

    I have this same problems in Noka2700classic.
    I use to test a sample svg application from Nokia developer forum.
    When I generate png icons, from this svg files I get this problem in png icons.

Similar Threads

  1. SVG images S40
    By mgaber_2010 in forum Mobile Java Media (Graphics & Sounds)
    Replies: 1
    Last Post: 2007-11-13, 00:35
  2. S40, S60 supported SVG Fonts
    By b_s_r in forum Mobile Java General
    Replies: 0
    Last Post: 2007-05-30, 22:33
  3. Nokia手机主要参数列表
    By cqucyf in forum [Archived] Other Programming Discussion 关于其他编程技术的讨论
    Replies: 0
    Last Post: 2005-05-04, 16:34
  4. TinyLine SVG Minute Toolkit: Optimizing SVG for J2ME
    By girow in forum Mobile Java Media (Graphics & Sounds)
    Replies: 0
    Last Post: 2003-05-05, 18:44
  5. TinyLine SVG Minute Toolkit for J2ME: version 1.4 released
    By girow in forum Mobile Java General
    Replies: 0
    Last Post: 2003-05-05, 16:25

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts