I have a plan svg converted into image.png
i'd like to detect the circles green and trigger a click event and show a tooltip/alert over it .
i posted last time a Plan Interactive SVG with Xamarin Forms but dealing with svg, and i think it is impossible , so i tried to work with png file ,
Plan.xaml
<ContentPage..>
<Image x:Name="_plan" Source="image.png"></Image>
</ContentPage>
else , if there is a simple way with svg.
Related
I am new to xamarin forms. I am trying to display an image with "Transparent background" (Grey and white) but this is how it show on the application.
I am using PNG file for the picture as I saw the other thread commenting on PNG/JPG files but it did not work.
I also try with opacity and backgroundcolor="Transparent" but it did not work either.
The image is random transparent background image got from google.
Any help is appreciated! Thanks.
Picture of the application
<StackLayout BackgroundColor="OrangeRed">
<Image Source="icon11.png" Aspect="AspectFit" />
</StackLayout>
As Shaw mentioned in the comment, I made a blunder on the transparent background PNG files.
I tested with a transparent background xamarin logo from pre-built xamarin form pages and it worked.
Conclusion for my case: Double check if the picture actually has transparent background.
Detail Info:
The picture I used and shown above does not actually have transparent background, one can check when open it from your PC (It will shows the white and grey boxes).
Not "Real" Transparent Picture
Actual Transparent Picture
I'm new in Adobe Illustrator and I just need to extract one element from EPS-file.
So it's the light. And as you see in the attached file, I can't save it clean.
I mean, when it has a some background, it looks good.
But when I remove this background and trying to save the clean light as PNG image this is what happenes.
Here's the demonstration
How can I fix it?
It appears to me as if you need to select that image in illustrator then open your align pallet and select the option "align to artboard" then click the vertical align button then the horizontal align button. Then go ahead and try saving your file. It should take care of the problem.
I have been trying to save for web from a psd file, The .PNG file that I get has no transparency and instead all transparent area is filled with white.
I am beginner in Photoshop, How can I accomplish this task?
Normally if you are doing save for web in png 8 format it will take white color instead of transparency to avoid this white color You have to do save for web as png 24 format then u will get transparency without white color
The Problem got Solved, the App/program i was using had some problem and was not showing the background to be transparent, have tried it on another program and its OK
Thanks to Anthony who helped alot.
Trying to start a game that involve in a lot of .png and animation.
All these .png are already transparent and set to an individual picture box when i overlay one over the other. There "transparency" actually gets the form background color. and not i'm not able to see through the image behind it.
i set the forecolor to transparent in the attribute am i missing something?
*side question... should i make my game in vb.net if it using a lot of images and animations files? (working solo might get my friend to help later)
Example pictures
well, this is a bit old, but check my answer here :
Make Picturebox transparent over other picturebox?
I want to get a transparent background or no background for my images. I tried the '-background none' option and also the 'transparent' option, but the background image remains white. How can I achieve this?
Please suggest.
If you are using Imagemagik then the command is:
convert input.gif -transparent white output.gif
However, it will only work with a pure white background and not a shade of white.
There are alternative and easier ways to do this with IrfanView or The Gimp or Photoshop (more on that below).
This article mentions that you may be using convert.exe that comes with Windows rather than ImageMagicks Convert.exe in which case you should use the full path for Convert.exe.
http://www.imagemagick.org/discourse-server/viewtopic.php?f=1&t=10665
If you are trying to achieve this from CSS then you misunderstand the CSS property.
The css property 'background' refers to an html elements background color. I.e. <p> <div> <body> whatever.
more here http://www.w3schools.com/css/css_background.asp
If you are referring to the image opacity property, that refers to how "see-through" an image should be. more here:
http://www.w3schools.com/Css/css_image_transparency.asp
The only way to get a transparent background in an image is to make the background of the image transparent using either the PNG (preferred) or GIF formats. For this you can use IrfanView and save a picture as PNG, select the "save transparency" property and select the color from the image you want to be transparent or you can use Photoshop or The Gimp do the same. Example for IrfanView here http://llizard.etherwork.net/cwc/transp_irfanview.html
The Gimp example here http://aplawrence.com/Linux/crousegif.html
whats the format of your images? Try using png format