SVG Icons in Firefox

CesiumJS
1

I was testing with SVG icons, as per the recent post ,

things worked well in Chrome, then tested in Firefox and things went sideways.
The demo provided in the article is also throwing the same error

using firefox 39.0, IE 11 grinds to a halt on the demo

Any one else seeing the same issues with firefox?

2

Hi,
What do you mean by “sideways”?

What error message did you get?

Is the demo working when you remove the billboard code?

3

“sideways” just a euphemism for errors being thrown and things not rendering properly

the error message is :
"Error loading image for billboard: DeveloperError: Width must be less than or equal to the maximum texture size (8192). Check maximumTextureSize.
DeveloperError@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:1282:19
Texture@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:69458:1
Context.prototype.createTexture2D@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:118973:16
resizeAtlas@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:66367:37
addImage@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:66454:13
TextureAtlas.prototype.addImage/indexPromise<@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:66506:13
fulfilled/p<@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:630:34
defer/_then/<@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:731:5
processQueue@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:1081:4
defer/_resolve@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:767:4
promiseResolve@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:793:11
loadImage.createImage/image.onload@http://cesiumjs.org/Cesium/Build/CesiumUnminified/Cesium.js:8449:13
"

Error: WebGL: A texture is going to be rendered as if it were black, as per the OpenGL ES 2.0.24 spec section 3.8.2, because it is a 2D texture, with a minification filter requiring a mipmap, and is not mipmap complete (as defined in section 3.7.10).

4

I posted a bug regarding the SVG icons

https://github.com/AnalyticalGraphicsInc/cesium/issues/2907

for firefox the svg needs to be adjusted, height and width need to set outside of the style, Matthew Amato, tweeked my SVG code and got it to work for firefox, IE11 also worked,

Yonatan, I think setting the size will help if your still looking at things

Also, just tried the Cesium and the SVG example with the Microsoft edge browser in Windows 10, my adjusted icons look alright there also.

The BIKS example, http://embed.plnkr.co/4QViqxaxH4SnQCK2O9xB/preview , loads up, but the icons don’t render properly, probably the size issue again