Hello All;
have the following image.
I need to tile this image inside of a div.
If I use the following code, it stretches the image, not repeating.
sym.$('Rectangle3').css({"background-image":"url(images/grass2.png)","background-repeat":" repeat-y repeat-x", "height":"200px", "Width":"200px"});
So.
My question is, HOW?
How can you repeat the image?
Thanks
What about using "background-repeat": "repeat". I have it working.
Hey resdesign.
When I do it, it is stretched, not tiled.
This is what mine looks like and this is 200px x 200px
this is what it needs to look like.
I believe there is a glitch in this version. I tried the same code in EA version 2014.0.1 and it works fine. Let me see if I can find something else about it.
tiled on 600 x 400 stage:
sym.$('Stage').css({'background-image': 'url("images/bg.png")', 'background-repeat':'repeat '});
It looks like at runtime the following attribute is being added by EA:
background-size: 100%;
If you set the background-size in your css to the same size of the grass2.png image then it should tile correctly:
sym.$("Rectangle3").css({'background-image':'url(images/grass2.png)','background-repeat': 'repeat','width':'400px','height':'400px','background-size':'79px 51px'});
I knew I should have tried that as well.
I was doing the width and height of the container, but never thought about the size of the image itself.
Thanks ddhayles.