I want to add image on canvas(color:White) using Render object in flutter.
Initially I want the canvas to be white in color and Rectangular in shape.
After I load an image, That image should be in top canvas.
I dont know how to do it.Please help me to do this.
Related
I am trying to make Gallery App. Where I need to fit images into a fixed-size widget, and it can be moveable.
Here is Example.
I'm making a thingy in Unity where you can upload an image (using NativeGallery) which rabs the path of the image and then you can load the Image from that path. Unfortunantly it is returned as 'Texture2d', so you can't just set it to be an Images sprite. Instead (so i figured) you can just give your image a material with that texture as 'mainTexture'. For that to work you need to set the Canvas settings to Screen Space - Camera, but as soon as the material is set it 'goes' into the background of all the items in the Canvas. The Button-Component which is atteched to it, stays in the foreground and is still inteactable but the material is in the background and not visible, unless no Object is over it, which is clearly not how it should be.
Google Drive Link to Video for probleme
Why? And How can you fix that?
Imagine this, where I can render a picture as a canvas & then interact with whatever pixel I want.
Firstly I'd need to parse the pixels somehow, I've tried parsing this picture by it's on-picture pixel amount by using filesize/12x12 & trying to only render sub-lists of the bytes with Image.memory, but it didn't really work out well since it still doesn't make the pixels interactable & it renders it top-down. Maybe I would need to use an image that's true to size pixel amount instead but I'd then need to upscale it somehow.
Do I map each pixel to an container widget? Do I use the flutter canvas library? Im pretty confused.
How would I go about doing this?
Our app,you want code like that??
: https://apps.apple.com/vn/app/pixel-art-editor-for-mcpe/id1603567060
EDIT:
First: you need this: https://pub.dev/packages/image
img.Image image = img.decodeImage(file.readAsBytesSync());
image.setPixelSafe(x,y,color);// this line draw a color to pixel at x,y
next step paint image to canvas or Image.memory()
I'm Following these steps
Follow these few steps to add texture as a camera background:
Create a new Canvas that would hold your image.
In that canvas, on Canvas component set:
Render Mode to Screen Space - Camera.
Render Camera to your main camera (drag&drop).
Plane Distance are the units, at which the background would render.
Right-click on the newly created canvas and create an Image inside of it.
On the newly created image on Image component:
Set Source Image to your desired background sprite.
and can't insert my background also
can anyone help ?
It maybe that you will have to use a raw Image instead of a normal image as I think .png files are not supported in a normal Image component
I want to add an image in Blender, but I don't want it to be a background image. I have a camera zooming out (going backwards) and I have some text, and I want an image over that text. How can I accomplish this?
Add a plane above your text , then add a material to your plane and finally add image or movie texture to the plane , this should bring you to your required result.