# Polygon material uses images, but the image is reversed

**URL:** <https://community.cesium.com/t/polygon-material-uses-images-but-the-image-is-reversed/7581>\
**Category:** CesiumJS\
**Created:** [October 19, 2018, 6:29am UTC](https://community.cesium.com/t/polygon-material-uses-images-but-the-image-is-reversed/7581 "2018-10-19T06:29:58Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![yff5228](https://avatars.discourse-cdn.com/v4/letter/y/e68b1a/32.png) [@yff5228](https://community.cesium.com/u/yff5228)\
**Post date:** [October 19, 2018, 6:29am UTC](https://community.cesium.com/t/polygon-material-uses-images-but-the-image-is-reversed/7581/1 "2018-10-19T06:29:58Z")

</div>

1. A concise explanation of the problem you're experiencing.

Polygon material uses images, but the image is reversed.  
cesium 1.47,Polygon material uses pictures, and pictures are normal，but in cesium1.48 cesium1.49 cesium1.50 Polygon material uses images, but the image is reversed

2. A minimal code example. If you've found a bug, this helps us reproduce and repair it.

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var addPolygon = viewer.entities.add({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;polygon: {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hierarchy: polygonPositionsC,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height: 0.5,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;perPositionHeight: true，  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;material: "./img/camera/44.png"  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});

3. Context. Why do you need to do this? We might know a better way to accomplish your goal.

4. The Cesium version you're using, your operating system and browser.  
Chrome cesium 1.47 1.48 1.49 1.50

---

<div class="post-metadata">

**Author:** ![omar](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/omar/32/1999_2.png) [@omar](https://community.cesium.com/u/omar)\
**Post date:** [October 22, 2018, 3:52pm UTC](https://community.cesium.com/t/polygon-material-uses-images-but-the-image-is-reversed/7581/2 "2018-10-22T15:52:10Z")

</div>

Hey,

I’m having trouble recreating this. Here’s a polygon with an image material in 1.47.

[Cesium 1.47 Sandcastle link.](https://cesiumjs.org/releases/1.47/Apps/Sandcastle/index.html#c=rVRtT9swEP4rp35JK5WYgiakUtAQ21AlGGh0+7JMyEkuiYVjV2e7LEz8911eugL7NDHLip27e57zvdhCwKpSDnhKA/hT1muNYAsITpkSztGpUEMyui4KrQwmoynUKE2ry5XLrDGYecyhIFuDrzAxQjCNRzJSw9K0G/QxwNJDHZwH55XWkCI4pM0WKEHbjO0fMO3lNIU0+I4st+jAWA+EugFr+Jy8BO9UjixzNlDGFpY6pOI9e/vEv7UlBGUKO2UNzjuyyvu1mwtRKl+FNM5sLc74oI1X7P6C5LpSmVuaTGRd4OJB3SsxxL53EdhlYhKzkQQbhQ9IcAIGH4Y0xd862TjqwefWeMk4iqbwKzHAQ9WyRGpuyG6YimC+RWaE0uNKabyS69s+juVL4/HA0Y5AeodNg9L5lc2Dxq+kx9GZc+idWHEVAudHfJa8Sv1Rkq+Wy2jS0zxNpv0mlQ4vZYN0o7L77kyF1A4HbYk2s/lOnJinyfE2B4T5jdVNyUU5GRISo/HKKy6CzPPtkY2skQmiL1zv9QDg6QIVMsNocLXVzOFZpJVCkpRVzS7ecw6Ed9Icxm3zfMCSEN0ZkWzG3/dms3fx/hQOj/i7o/nX8Yfm4I00+0cdzeFbaQ46mtn/oeHQfkyeEdXce6Rk21NRHIuuS53o0313aUt7Z/lKatnEa1NGQ//sOqEv/KO19cqOX7XB5Hg0HS2cbzSe9sD3ql5b8m0Pj9mZR35x2L8TaeD+83HmXMu7EFvQIlcbUPlJMnp1r5IRZFo6x5oiaH2rHvl9Ol0Itn8B01bm/GBd9zG0JtXs9LIXxnG8EPz7N8pbq1NJzxh/Aw)

And here’s in 1.50:

[Cesium 1.50 Sandcastle link.](https://cesiumjs.org/releases/1.50/Apps/Sandcastle/index.html#c=rZNdb9MwFIb/ipWbpFJx1lVo0pZVTIWLSh1UrHBD0HQan6YWjh0dOxkZ2n/H+SjpxhUaVpTYPn4f+xy/qYFYLfEBiV0zjQ9siVZWBf/azUVh1g2XRjuQGimcsl+pZr7JAnKkZkOmlsKrL4/KjBAcbqXCWyjvkGqZ4er54mhgtK0iNWp3lVTi1ohK4RdSUXhjLTobb/Gnqwht/BH8F9QHIHdYrcJJj3maTPvODiyuoUHayOxHd6Y9KItDNEeTGTFOp/ppcpXqVNe+BoRiY1STG+3r0BeEo3bSSbQchDgeWUOBHhB+RsHKQeAfW9EeMgyHrY6RS3aS6UEiAWWHZsx36RPxPdBzvidTvMecEO0NETTRtzez2Vt+NmXzC/8eMf/a/mDOX4k5u+gw89dizjvM7P9gfGrfJyegwnuPJLSeCjmPO5fauC/3/drk5t7USAoaXuo8HPwzOqG/+Edjiq2JXthgchVMg8S6RuGiF76TRWnItR6O/GYOi1L5/W28q7z/HM+sbblJfBQlQtZMius0ePFfpQHLFFjrI/tKqTv5iGmwSGK//plMGRBS55/6HNolh9li3U9yzpPYD/9WOWPUDuiE+Bs)

They look identical to me. Can you provide a screenshot or if possible Sandcastle links as above so I can compare the 1.47 and 1.50 versions? You can click “Share” in Sandcastle and then you can share that link.

---

<div class="post-metadata">

**Author:** ![yff5228](https://avatars.discourse-cdn.com/v4/letter/y/e68b1a/32.png) [@yff5228](https://community.cesium.com/u/yff5228)\
**Post date:** [October 25, 2018, 9:22am UTC](https://community.cesium.com/t/polygon-material-uses-images-but-the-image-is-reversed/7581/3 "2018-10-25T09:22:07Z")

</div>

Thank you for your reply  
this is 1.47  
[https://cesiumjs.org/releases/1.47/Apps/Sandcastle/index.html#c=rVRtT9swEP4rp35JK2UxBaFJpaAhtrFKMNDo9mWZkONcEgvHjvzSLkz8911eqgL7NAkrSpy7ex7f+R6bMVhX0gE9XAP+5nWjEEwBwUldwgU6GWpIJzdFoaTGdBJDjVx3vlw6YbRG4TGHwpoafIWpZoxoPFrNFax0N0GfAKw81MF5cF4qBRmCQ7vZATkoIyh+i9lgtzFkwfdkuUEH2niwqFowmvKkT/BO5kg2Z4IVFGFsj5Q0p9U+029tLILUhYnJg4uerPK+cQvGSumrkCXC1OycEm29pOUvLW8qKdxKCyb6wtlWPkg21v7uMtCSqU71hlvYSNyihVPQuB23KfnR26bRAL4w2nPC2SiGP6kGGrLmJdr21poNUVlY7JDCIve4lgqveXM31LF6GTwdOboRrNpjsyBVfm3yoPC7VdPo3Dn0jq2pC4H2h33l9OXqE7e+Wq2i2UDzNIuHScYdXvEW7a0UD31OBVcOR2+JRph8b0710+xktwcW81uj2pKacjpuSILaSy+pCTzPdylrXiMRRN+o380IoMcFW3CB0bjUzrOAZ5VWEi23omr39V5QITTj+ijpxPMRS4vozq3l7ReUZeXd9Od8fpwcxHD0nt7zg27Ee87/HTuywzchO3jfkx29DdlhTzZ/S7Ku2PlxR/Zr9oyuJoFayTvhRUnCeik7NvTk/sqU5t7QuVW8TRpdRs+ADUnLOBKF0UN/Ft4GHFU46mkUz6Mx9dpMX0lpdjKJJ0vnW4VnA+yDrBtjfXcOppSLR7q1KD3HskAa9olwrmNdsh1omcsNyPw0nbw6m+kEhOLOkacISt3JR7rjzpaM4l/AlOE5XXo3Q4ldSDU/uxqMSZIsGf3+i/LGqIzbZ4x/AQ](https://cesiumjs.org/releases/1.47/Apps/Sandcastle/index.html#c=rVRtT9swEP4rp35JK2UxBaFJpaAhtrFKMNDo9mWZkONcEgvHjvzSLkz8911eqgL7NAkrSpy7ex7f+R6bMVhX0gE9XAP+5nWjEEwBwUldwgU6GWpIJzdFoaTGdBJDjVx3vlw6YbRG4TGHwpoafIWpZoxoPFrNFax0N0GfAKw81MF5cF4qBRmCQ7vZATkoIyh+i9lgtzFkwfdkuUEH2niwqFowmvKkT/BO5kg2Z4IVFGFsj5Q0p9U+029tLILUhYnJg4uerPK+cQvGSumrkCXC1OycEm29pOUvLW8qKdxKCyb6wtlWPkg21v7uMtCSqU71hlvYSNyihVPQuB23KfnR26bRAL4w2nPC2SiGP6kGGrLmJdr21poNUVlY7JDCIve4lgqveXM31LF6GTwdOboRrNpjsyBVfm3yoPC7VdPo3Dn0jq2pC4H2h33l9OXqE7e+Wq2i2UDzNIuHScYdXvEW7a0UD31OBVcOR2+JRph8b0710+xktwcW81uj2pKacjpuSILaSy+pCTzPdylrXiMRRN+o380IoMcFW3CB0bjUzrOAZ5VWEi23omr39V5QITTj+ijpxPMRS4vozq3l7ReUZeXd9Od8fpwcxHD0nt7zg27Ee87/HTuywzchO3jfkx29DdlhTzZ/S7Ku2PlxR/Zr9oyuJoFayTvhRUnCeik7NvTk/sqU5t7QuVW8TRpdRs+ADUnLOBKF0UN/Ft4GHFU46mkUz6Mx9dpMX0lpdjKJJ0vnW4VnA+yDrBtjfXcOppSLR7q1KD3HskAa9olwrmNdsh1omcsNyPw0nbw6m+kEhOLOkacISt3JR7rjzpaM4l/AlOE5XXo3Q4ldSDU/uxqMSZIsGf3+i/LGqIzbZ4x/AQ)

this is 1.50  
[https://cesiumjs.org/releases/1.50/Apps/Sandcastle/index.html#c=rZNva9swEMa/isgbOxDkuKEU0jSsZIMF0i2s2d7Uo1ysiyMmS+Yku3NLv/tkO8Fp+2qQw9j69/x8Jz2qgFgl8QmJ3TCNT2yBVpY5/9WOhUHadhdGO5AaKRixl0QzHzKHDKlek6mk8OrpUZkSgsONVHgHxT1SJVNcvl0cHhhNlKR67baUStwZUSr8SSoMbq1FZ6MN/nUloY2+gf+C+gLk9stlMOwwr8NR19iCxRXUSGuZ/mlz2oGyeJjN0KRG9MOJfh1eJzrRld8DQrE2qs6M9vvQbQhH7aSTaDkIcUxZQ44eEPxAwYqDwD+2pB2kGBx+dZyZspNK9xIJKN3Xfb0LX4hvgZ7wHZn8M2aEaG+JoP6KMts7Gz7E8SUfj9jkyr/jcROjnvm/cYRdnAU2vmphk/PALlpYfE5YU2x82cB+D09wuTcoSWiMF3AetVa2UXcmjyuTmUdTISmoeaGz4ERYeGsZ601hdHc+U0clHlzY+6mzz7Mx+caE78w0vB6MBjPraoXzTvhJ5oUh19yE0GfjMC+UT9BG29K72PHU2oY7i46imZAVk+ImGby7ncmApQqs9TO7Uql7+YzJYD6L/Po3MmVASJ1974psluzj+aob5JzPIt/9qHLGqC3QCfEf](https://cesiumjs.org/releases/1.50/Apps/Sandcastle/index.html#c=rZNva9swEMa/isgbOxDkuKEU0jSsZIMF0i2s2d7Uo1ysiyMmS+Yku3NLv/tkO8Fp+2qQw9j69/x8Jz2qgFgl8QmJ3TCNT2yBVpY5/9WOhUHadhdGO5AaKRixl0QzHzKHDKlek6mk8OrpUZkSgsONVHgHxT1SJVNcvl0cHhhNlKR67baUStwZUSr8SSoMbq1FZ6MN/nUloY2+gf+C+gLk9stlMOwwr8NR19iCxRXUSGuZ/mlz2oGyeJjN0KRG9MOJfh1eJzrRld8DQrE2qs6M9vvQbQhH7aSTaDkIcUxZQ44eEPxAwYqDwD+2pB2kGBx+dZyZspNK9xIJKN3Xfb0LX4hvgZ7wHZn8M2aEaG+JoP6KMts7Gz7E8SUfj9jkyr/jcROjnvm/cYRdnAU2vmphk/PALlpYfE5YU2x82cB+D09wuTcoSWiMF3AetVa2UXcmjyuTmUdTISmoeaGz4ERYeGsZ601hdHc+U0clHlzY+6mzz7Mx+caE78w0vB6MBjPraoXzTvhJ5oUh19yE0GfjMC+UT9BG29K72PHU2oY7i46imZAVk+ImGby7ncmApQqs9TO7Uql7+YzJYD6L/Po3MmVASJ1974psluzj+aob5JzPIt/9qHLGqC3QCfEf)

---

<div class="post-metadata">

**Author:** ![omar](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/omar/32/1999_2.png) [@omar](https://community.cesium.com/u/omar)\
**Post date:** [October 25, 2018, 6:25pm UTC](https://community.cesium.com/t/polygon-material-uses-images-but-the-image-is-reversed/7581/4 "2018-10-25T18:25:01Z")

</div>

Thanks for the test cases! I believe is the same issue as here:

[https://groups.google.com/d/msg/cesium-dev/CSQeUtcSj\_4/\_ridnkKxCAAJ](https://groups.google.com/d/msg/cesium-dev/CSQeUtcSj_4/_ridnkKxCAAJ)

There’s an open PR that fixes this:

> <https://github.com/CesiumGS/cesium/pull/7188>

I’ll make sure it covers this case as well. The fix should be available in CesiumJS 1.51.

---

<div class="post-metadata">

**Author:** ![omar](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/omar/32/1999_2.png) [@omar](https://community.cesium.com/u/omar)\
**Post date:** [October 29, 2018, 12:36pm UTC](https://community.cesium.com/t/polygon-material-uses-images-but-the-image-is-reversed/7581/5 "2018-10-29T12:36:40Z")

</div>

This fix has just been merged! So the polygon will now always face away from the ellipsoid so the material should appear correctly.
