Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Wide outlines cause incorrect label rendering #4691

Open
mramato opened this issue Nov 29, 2016 · 1 comment
Open

Wide outlines cause incorrect label rendering #4691

mramato opened this issue Nov 29, 2016 · 1 comment

Comments

@mramato
Copy link
Contributor

mramato commented Nov 29, 2016

Given this snippet:

var viewer = new Cesium.Viewer('cesiumContainer');

viewer.entities.add({
    position : Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222),
    label : {
        text : 'abcdefghijklmnopqrstuvwxyz',
        font : '24px serif',
        fillColor : Cesium.Color.SKYBLUE,
        outlineColor : Cesium.Color.WHITE,
        outlineWidth : 6,
        scale: 3,
        style : Cesium.LabelStyle.FILL_AND_OUTLINE
    }
});

It looks like this:
image

Expected is something like this (drawn as a single billboard):
image

This is a tough one. Our kerning actually looks correct here. The problem is that the billboard drawn on top of each other rather than blending together naturally. I'm not sure it's possible for us to fix this with our current label techniques because the letters have to be drawn together for the blending to work (look at the qr for an example).

I also noticed something is up with the f, the top right is cut off, this is probably a separate bug..

@pjcozzi
Copy link
Contributor

pjcozzi commented Jan 2, 2017

CC #2521

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants