Hi,
I've a billboard with a SVG image. Now if I have for example an img tag in my HTML with the same SVG image, and have some CSS style applied to that tag, the same style applies to the billboard's image as well.
I've expected the both to be separated. Is this a known thing?
For example, consider this Sandcastle (notice this is happening only with the SVG and not with the PNG's), the billboard is affected by the CSS style:
// Javascript
var viewer = new Cesium.Viewer('cesiumContainer');
viewer.entities.add({
position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
billboard :{
image : '../../../Source/Widgets/Images/NavigationHelp/MouseRight.svg'
}
});
viewer.entities.add({
position : Cesium.Cartesian3.fromDegrees(-95.59777, 40.03883),
billboard :{
image : '../../../Source/Widgets/Images/Cesium_Logo_overlay.png'
}
});
// HTML + CSS
<style>
@import url(../templates/bucket.css);
img.pic {
height: 15px;
}
</style>
<div id="cesiumContainer" class="fullSize"></div>
<div id="loadingOverlay"><h1>Loading...</h1></div>
<div id="toolbar"></div>
<img class="pic" src="../../../Source/Widgets/Images/NavigationHelp/MouseRight.svg"/>
<img class="pic" src="../../../Source/Widgets/Images/Cesium_logo_overlay.png"/>