How to re color image in flutter? - image

I have images of human face features like eyes,nose, mouth and i want to re color them in different skin tones. I tried colorBlendMode but that is not giving expected output. So, i wanna know that is there any library or method that can help me to change the color ?
This is how image looks like i want to blend them into single color so that it should look like an actual image

Related

SpriteRenderer Image getting stretched down

I had a spriterenderer for a square but I want to change it from looking like a basic rectangle to having an image instead. So I tried changing the sprite renderer "Sprite" to the image I wanted but whenever I do so the image is looking pixelated, ugly and stretched and I can't rescale it properly.
Before:
After:
The image may look ugly because it is stretched. In your hierarchy, select the GameObject with the SpriteRenderer. Then set the x,y,z scales back to 1.
If it still looks weird, select the image in your assets folder, and play around with the quality & filter settings (Don't forget to click apply). Hopefully this helps with making the image look nicer.
If not, ensure that your image asset is not a low resolution either.
I'm not really sure what you mean about it not rescaling properly. If you could please elaborate then hopefully we can fix it :)

Generated image flipped and color change

When I look at my layer files in vsc they are all correct but when I generate the images they flip and it changes the colors to like rainbow static. How do I fix this?

nothing happens when I attempt to textout to a transparent image

I am using Lazarus.
I have put 2 images on a form and synchronized their positions and sizes.
I can textout to both images, and after I made the ontop image transparent I can see the combined content of both images.
I can add further text to the bottom image and see it, but I can't see text I try to add to the transparent image.
I used the following code to make the top image transparent
image2.picture.Bitmap.TransparentColor:=clWhite;
image2.transparent:=true;
I guess I need to play with the image bitmap, but I can't find a solution that is not using other software.
Can someone help me with this please?

AIR Highlight search results inside image

We have an Adobe AIR application. It has an image preview feature to show TIF and JPG images inside a TitleWindow.
My requirement is as follows:
i want to highlight(yellow color) a line containing a searched term results inside that image.
i found out examples which can highlight text inside a textarea. But wanted the same thing inside image.
There can be multiple lines having this keyword. All those llines have to be highlighted.
Not sure if this is possible. Please let me know how can this be done in Flex/AIR.
Create mx.controls.Text, assign style which will paint it yellow and place over the Image. This can be done, for example, with Canvas container which allows absolute positioning.
mx:Text has no background, so it will just text over image. Or do you need some background as well?

Replaceing color on a image realtime

First of all I will explain my situation so you can know my problem a little better. I'm making a HTML5 app. I have a canvas, and using a color picker you can change the color of the canvas. Now i have a picture which I want to put on the canvas but that pictures color needs to be changed using a color picker. So i need to replace, lets say, black color on that picture and put it on the canvas so it dosnt screw up the background.
So that will look like this:
1st color picker- changes the color of the canvas
2nd color picker - replaces the black color on the image with the one in the color picker and puts it on the canvas
Now my problem is how to replace the color on the image without reloading the page.
My only condition is no using silverlight, flash, java or any other similar tehnology that need 3rd party software to be installed on the device.
Thanks in advance.
If you dont understand my query fully, feel free to ask.
My approach with a JS only solution could be:
Loading the image inside a canvas element. Look at the MDC canvas tutorial
Trigger the user click on the canvas and get the pixel color (see links below to know how to get the color of a pixel) and look at this answer to get the mouse position
Substitute all the colors in the canvas with the one the user pick. For some examples about pixel manipulation:
Pushing pixel with canvas at Mozilla Hacks
http://beej.us/blog/2010/02/html5s-canvas-part-ii-pixel-manipulation/
This JS at mezzoblue apply heavy filter to an image
After some canvas experiment I notice that mostly in all the browser the pixel manipulation with canvas could be very slow also with small images. So another experiment to do could be to get the pixel color and then:
pass the color information to a PHP (or another server side script) with an AJAX call
do the color manipulation with an image library like GD or imagemagik
return back your image with the Ajax response
reload your canvas with the modified version of the image

Resources