whatever I have tried the sprite is not oriented properly with the cylinder.

### what I have now.

[enter image description here][1]
[enter image description here][2]
[enter image description here][3]






        console.log('scene', this.scene);

        const copy_cylinder = cylinder.clone();
        console.log('copy', copy_cylinder);

        const pos = copy_cylinder .position;
        console.log('pos 0', pos);

        pos.transformDirection( copy_cylinder .matrixWorld );
        console.log('pos 2', pos);

        pos.multiplyScalar( 3 );
        console.log('pos 3', pos);

        sprite.position.set(pos.x, pos.y, pos.z);
        cylinder.add(sprite);

[1]: https://i.stack.imgur.com/SAp2u.png
  [2]: https://i.stack.imgur.com/2Y19F.png
  [3]: https://i.stack.imgur.com/YiDeW.png