Create Images of Components and Screens | [FREE] Extension ComponentToImage

Extensions
1

Extension ComponentToImage

image

1.About

  • Using this extension you can convert any view/component to image and save it to storage.
  • The image will be created as per the components same width and height.
  • You can convert Layout, Buttons, Labels …etc
  • Any change on the component, eg: Round corners will also reflect in image
  • Note: The component should be visible
  • I created it as per the request and idea from @Angelo_Angius

image
image100×158 6.54 KB

  • First one is the label and the second one is the converted image.

2.Methods & Events

► Method: convertToImage

image
image539×137 8.17 KB

    • component - The component which you want to convert to image.
    • saveAs - Filename, default file path is /storage/emulated/0/

► Event: Created

image
image441×109 6.42 KB

  • Event raised after image created.
    • filePath - Returns the image file.

3.Download

Patreon/Donate

Suggest new updates, report bugs and errors and stay tuned…

  • Loved this extension? :heart:

Donate image

Through Paytm

Through Paypal

54 Likes
2

Really cool extension!! :heart_eyes::clap:

10 Likes
3

Nice work. it is a really cool extension :cry::cry::cry:

6 Likes
4

Oops! That page doesn’t exist or is private.
Why I can’t download this extension?

5

Sorry, Fixed it.
Thanks for reported.

4 Likes
6

Very cool ! It can be very useful !
Thanks for all your excellents extensions

5 Likes
7

upload error

8

Try to download and upload, I think you are uploading using url.

9

Cool @Jerin_Jacob

3 Likes
10

Great work ! Cool extension !! :clap:

1 Like
11

Hi @Jerin_Jacob
I use your extension, it’s very useful to me, but I have a problem:
As soon as I try to save my image in a folder, nothing happens.

image
Like that it works.

But :
image
that way, nothing happens.

Is there anything I did wrong?

5 Likes
12

First, create the folder with the file component… Then try again after compiling… Only the 1st image will work, but with the companion. The second should work if the file is already existent.

4 Likes
13

I will try that :slight_smile:

14

This is one of the most useful extensions I found here.
As soon as I my app profitable (it already has people begging for it) I will donate a few bucks.

I would like to suggest just a little upgrade: If the app tries to save in a directory that doesn’t exist, creat it automatically
And / or
If any error occurs when saving a picture (like directory doesn’t exist or no space on storage) it return an error message.

One more time: Congratulations, it’s really an amazing extension!

7 Likes
15

Thanks for this extension.I use it upload user images to cloudinary.Its auto resize images to 450x450 px.Can we change this setting?.

3 Likes
16

Another bug
When ı rotate image component picture and use this extension its get unrotated image.Can you fix it?

I can fix it using layout .Add image inside layout.fix this problem

2 Likes
17

You can rotate image again. You don’t need to wait extension’s new update.

18

Yanlış anladın yusuf.Resim komponentini kullanırken resmi çevirirsem ve bu eklentiyi kullanarak resim oluşturursam eklenti döndürürlmemiş halini veriyor.

If ı rotate image component picture and use this extension for getting component image.Extension result is unrotated image

19

Demek istediğim eklenti döndürülmemiş halini veriyorsa, sen bunu kendin tekrardan döndürebilirsin.

I mean, if the extension converting rotated image to without rotated, you can rotate it back manually.

20

Yusufcum canım benim bende biliyorum bir resmi tekrar döndürebileceğimi.Buradaki olay resmi aldığımdaki yani kullanıcı tarafından çevrilmiş halini kullanmak.Böylece bir daha çevirmeye filan gerek kalmıcak.İlgin için saol.

If you can fix it.It will be great @Jerin_Jacob

4 Likes