display.save() and display.capture() question

andersson_d1 · May 6, 2013, 2:59pm

Hello!

When I use display.capture and display.save the new object I get has a black border around it.

What I have done is I have created a new rectangle (display.newRect()) and I have created a a grid on that rectangle using lines horisontaly and verticaly. The lines are not outside the rectangle as far as the eye can see.

I put all this in a group and use display.capture(group) and I get a new object with a black border.

I dont want that black border because the new object is a base for a chart I’m creating.

Here is the code if you can read it…

local chart1 = display.newGroup() &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;chart1.hasDot = false &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;chart1.hasLine = false &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;chart1.x, chart1.y = 5, 5 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local function init\_chart() &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local chart\_bg = display.newRect(0,0, 600, 400)&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;chart\_bg:setStrokeColor(180, 180, 180) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;chart1:insert(chart\_bg) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local linje = {} &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local linje1 = {} &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for i=1, ((chart\_bg.height/50 )+ 1), 1 do &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;linje.i = display.newLine( 0, (chart\_bg.height-(i)\*50), chart\_bg.width, (chart\_bg.height-(i)\*50) ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;linje.i:setColor(100,100,100) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;linje.i.width = 1 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;chart1:insert(linje.i) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;end &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for i=1, ((chart\_bg.width/50 )+ 1), 1 do &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;linje1.i = display.newLine( chart\_bg.width - i\*50, 0, chart\_bg.width- i\*50, chart\_bg.height ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;linje1.i:setColor(100,100,100) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;linje1.i.width = 1 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;chart1:insert(linje1.i) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;end &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;copy = display.capture(chart1, "chartinit.bmp") &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for i=chart1.numChildren,1,-1 do &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;local child = chart1[i] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;child.parent:remove( child ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;end &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;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;chart1:insert(copy) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;end &nbsp;

Kinde regards!

bjsorrentino · May 6, 2013, 9:48pm

Hi @andersson_d1,

Could you use “display.captureBounds()” instead? This allows you to capture just a portion of the screen (your rectangle bounds) instead of the entire screen.

http://docs.coronalabs.com/api/library/display/captureBounds.html

Best regards,

Brent

andersson_d1 · May 7, 2013, 10:36am

Thank you, perfect! I missed that one, sry.

Kind regards!

bjsorrentino · May 6, 2013, 9:48pm

Hi @andersson_d1,

Could you use “display.captureBounds()” instead? This allows you to capture just a portion of the screen (your rectangle bounds) instead of the entire screen.

http://docs.coronalabs.com/api/library/display/captureBounds.html

Best regards,

Brent

andersson_d1 · May 7, 2013, 10:36am

Thank you, perfect! I missed that one, sry.

Kind regards!

friskypigstudios · August 25, 2014, 10:46am

display.captureBounds() works great, If you want to store an image to the Photo library.

We want the image to be stored to the Documents directory, so we can share it so mail/social networks. How can we get rid of the black border in this situation?

bjsorrentino · August 25, 2014, 9:09pm

Hi @friskypigstudios,

Can you use display.save() instead?

Thanks,

Brent

friskypigstudios · August 26, 2014, 3:37pm

Our app offers users 2 options:

they can save images to their Photo Album. We do this with display.captureBounds(). We take the original bounds and cut off 1px top, left, right and left. This removes any unwanted borders and images look great.
they can also send images via twitter/fb/email. We do this with display.save() to save images internaly in the system.DocumentsDirectory.

Using display.save() sometimes creates borders. The color of the border is as defined by the backgroundColor parameter. Setting isFullResolution to true or false makes no difference. Settings the alpha channel on backgroundColor to 0 or 1 makes no difference.

It would be great, If we could defines bounds and save the image to system.DocumentsDirectory.

bjsorrentino · August 26, 2014, 9:48pm

Hi @friskypigstudios,

When you use display.save(), are you targeting a display group or a single display object? What format are you saving the image in? What happens if you completely omit the “backgroundColor” property?

Thanks,

Brent

friskypigstudios · August 25, 2014, 10:46am

display.captureBounds() works great, If you want to store an image to the Photo library.

We want the image to be stored to the Documents directory, so we can share it so mail/social networks. How can we get rid of the black border in this situation?

bjsorrentino · August 25, 2014, 9:09pm

Hi @friskypigstudios,

Can you use display.save() instead?

Thanks,

Brent

friskypigstudios · August 26, 2014, 3:37pm

Our app offers users 2 options:

they can save images to their Photo Album. We do this with display.captureBounds(). We take the original bounds and cut off 1px top, left, right and left. This removes any unwanted borders and images look great.
they can also send images via twitter/fb/email. We do this with display.save() to save images internaly in the system.DocumentsDirectory.

Using display.save() sometimes creates borders. The color of the border is as defined by the backgroundColor parameter. Setting isFullResolution to true or false makes no difference. Settings the alpha channel on backgroundColor to 0 or 1 makes no difference.

It would be great, If we could defines bounds and save the image to system.DocumentsDirectory.

bjsorrentino · August 26, 2014, 9:48pm

Hi @friskypigstudios,

When you use display.save(), are you targeting a display group or a single display object? What format are you saving the image in? What happens if you completely omit the “backgroundColor” property?

Thanks,

Brent