Highlight around imagery tiles

CesiumJS
1

In your Sandbox you have an example called "Imagery Layers". In it you have the following

layers.addImageryProvider(new Cesium.SingleTileImageryProvider({
    url : '../images/Cesium_Logo_overlay.png',
    rectangle : Cesium.Rectangle.fromDegrees(-75.0, 28.0, -67.0, 29.75)
}));

Cesium seems to do some blending around the edges. Is there any way to not have the blending such the the image, in this case the Cesium logo, is just rendered on top of the existing layer?

Thanks,
  Tony

2

Hey Tony,

The image is just rendered on top of the existing layer as is. The image itself is what has the blending (as you can see in the original source image).

Also I’ll just leave a link to the Imagery Layers Tutorial in case you need it.

Thanks!

Gabby

3

I get the same results using ../images/whiteShapes.png in the Sandcastle example. Is there some anti-aliasing going on? If so then can I disable it?

4

I tried disabling antialiasing in the WebGL options to Scene, but that had no affect.

5

An additional observation is that the edge of the image itself is hard, it's the areas within the image where occupied pixels meet the transparent ones that there is blending.

6

There was actually an issue opened today on GitHub here: https://github.com/AnalyticalGraphicsInc/cesium/issues/5846

That should address how pixels are interpolated in imagery layers.

And it looks like an outside contributor will contribute a fix soon!

Thanks,

Gabby