[Development] QML Image aliasing when animating

[Joshua Kolden]

I’m getting boxed in with rendering bugs on two fronts.  Originally I tried to work with fonts for the following animation, but have both render quality and font ‘subfamily’ selection bugs to deal with there. So I took the effort to switch a lot of stuff around and use images instead, however I’m getting aliasing artifacts now.  I’m rather stuck at the moment for rendering a good quality large font design.

This video shows the aliasing I’m talking about.  There are 3 images here one is 2048x512 and two are 512x512 for the Camera4 and C4 text logos.  The movie is captured pixel for pixel, and the images at their largest (in this example) are smaller then the source resolution.

http://c4.dev.s3.amazonaws.com/QMLImageRenderQuality.mov

Here is an example of one of the Image invocations:

 Image {
    id: c4CameraImage
    fillMode: Image.PreserveAspectFit
    source: “path/to/c4camera.png"
    anchors.left: parent.left
    anchors.top: parent.top
    anchors.bottom: parent.bottom
    smooth : true
    opacity: 0.0
  }

The animation is created with a number animation on the width and height of the parent rectangles.

I’ve asked on IRC, and in the [interest] list, but one said it should just work and the other didn’t reply.

Is this a known issue, a bug, or and I’m I doing it wrong?  

Thanks,
j