Load and control svg

CesiumJS
1

how to load svg in cesium and change the shape of svg dynamically

2

You can add svg as an image texture for a billboard, something like:

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

viewer.entities.add({
    position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
    billboard :{
        image : '../../../path/to/image/svg'
});

Then you can change the height or width or scale of the billboard: https://cesium.com/docs/cesiumjs-ref-doc/Billboard.html?classFilter=billboard

3

i need to change the path of svg such as from a line to a polyline rather than changing the scale like height or width.

4

Can you clarify what you mean by the path of svg? Are you referring to the image path (i.e. '../../../path/to/image/svg')?

5

For example,if the svg represent a straight line,It can be shown as straight or broken lines when it is shown in the cesium.

6

What is the case that the path would change? Time? You could set the image prop to be a CallbackProperty so that you could dynamically change it based on some condiiton

7

I don’t want to change the svg from a.svg to b.svg.I just want to use the a.avg all the time which i can modify shape.