# Make image object transparent

**URL:** <https://forum.inductiveautomation.com/t/make-image-object-transparent/19601>\
**Category:** Ignition\
**Created:** [September 10, 2018, 6:42am UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601 "2018-09-10T06:42:29Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [September 10, 2018, 6:42am UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/1 "2018-09-10T06:42:29Z")

</div>

Hi

I have a float tag that change it’s value from 0 to 1 in sin wave form. I want to bind this tag to an image object to create some nice blinking effect that slowly fade out image and fade in again. But the visibility property of the image object accept other value than zero to TRUE, and NOT transparent according to tag value.(ex 0.5 mean half transparent)  
I can’t find any properties for alpha channel to make whole image transparency dynamic.  
Can someone make this effect in scripting?

thanks a lot

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [September 10, 2018, 11:26am UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/2 "2018-09-10T11:26:05Z")

</div>

It may be easier/faster to put a rectangle over the image and adjust the transparency of that. Example attached.

[Fading Image\_2018-09-10\_0718.proj](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/8490a758597627aaada6eb75618fec3119e4ca73.proj) (7.9 KB)

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [September 10, 2018, 4:48pm UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/3 "2018-09-10T16:48:04Z")

</div>

Hi

please take a look at below demo which arrow fade out and in in every sec.  
As I mentioned I want some sort of animation effect that make transparency of image dynamic and relate it to a tag.  
I believe I can do this in ignition with scripting but I don’t have enough knowledge in Python.

[http://demo.i4scada.de/demos/i4html/#bhkw](http://demo.i4scada.de/demos/i4html/#bhkw)

---

<div class="post-metadata">

**Author:** ![rpulsifer](https://avatars.discourse-cdn.com/v4/letter/r/e9a140/32.png) [@rpulsifer](https://forum.inductiveautomation.com/u/rpulsifer)\
**Post date:** [September 10, 2018, 5:49pm UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/4 "2018-09-10T17:49:27Z")

</div>

animated gifs are supported, if you can create a fading arrow as a gif… I haven’t found a way to resize them though, so make sure that you create the size you want when you start out.  
It’s not a very clean solution, but it’s one more option to consider

---

<div class="post-metadata">

**Author:** ![mrogers](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mrogers/32/4110_2.png) [@mrogers](https://forum.inductiveautomation.com/u/mrogers)\
**Post date:** [September 10, 2018, 5:56pm UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/5 "2018-09-10T17:56:07Z")

</div>

You may also want to look into using a paintablecanvas instead, using the drawImage() function it has - may take some googling though, and translating from java to jython.

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [September 10, 2018, 6:32pm UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/6 "2018-09-10T18:32:54Z")

</div>

There’s also the arrow drawing tool, that you can adjust position and colors.  
[Fading Moving Arrow\_2018-09-10\_1432.proj](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/914e3d6f34235014ad7bd466eb82721a26e5910d.proj) (8.5 KB)

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [September 11, 2018, 3:29am UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/7 "2018-09-11T03:29:57Z")

</div>

I need a solution to work with images the arrow object is an example I need fade effect to any object.  
Is’t there any method or library in java for making object transparent?

---

<div class="post-metadata">

**Author:** ![PRAMANJ](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pramanj/32/66935_2.png) [@PRAMANJ](https://forum.inductiveautomation.com/u/PRAMANJ)\
**Post date:** [September 11, 2018, 3:42am UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/8 "2018-09-11T03:42:48Z")

</div>

> [@nader.chinichian](#):
>
> I need a solution to work with images the arrow object is an example I need fade effect to any object.Is't there any method or library in java for making object transparent?

This will be easily possible in SVG under HTML5 client by changing the Opacity property of any object and binding it with the Ignition Tag. (I guess the example given uses SVG/Canvas). Hopefully with the upcoming new Perspective module of Ignition, will be possible to achieve this,on new HTML5 clients. Not sure if opacity property of an object can be changed in present JAVA swing based clients of Ignition.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [September 11, 2018, 3:49am UTC](https://forum.inductiveautomation.com/t/make-image-object-transparent/19601/9 "2018-09-11T03:49:12Z")

</div>

Thanks everyone for your help and support.  
So now I try to draw my object in svg and import it to ignition and use JordanCClark technique to make that effect.  
By the way is it possible scale and position of an image bind to a tag by using script?
