Convert Floated Divs/Images into single Image - asp.net

Bit of a weird one here - I've created a map with various image overlays floated over the top using CSS for a web app which is built in asp.net; it looks and works fine in the browser, however the page the map appears in is sometimes converted to a Word document for editing, after conversion the map either disappears if using background divs, or displays all it's component parts consecutively if using img tags.
Is there any way I can convert the map into a single image for display and conversion?

Do you want to do a once-off conversion, or be able to automate it so that people can elect to convert the entire map into an image at whim?

Ok - I've decided the easiest way to do this is to use the .NET Graphics classes to composite all my images and text into a single image and display that at runtime.

Related

Tool for creating preview images from equirectangular Panoramas

I am looking for a tool or library that will allow me to generate a preview image for an equirectangular panoramic image. I am using the pannellum library [https://pannellum.org] to present panoramas, which works great. What I'd like to add, however, is a way to generate lightweight preview images to display on initial page load. I would like to have a small sized preview image that does not look warped. Does such a tool/library/script exist?
Thank you!
Dave
Some people like to convert panoramas to cube maps, which is a lot easier to google.
I've been looking at https://github.com/denivip/panorama, or also at https://stackoverflow.com/a/43469036/2471983 if you want a pure JavaScript approach (check out that entire question page for lots of info). Both of these will by default create all six cube faces; you can either edit them or just throw out the five extra faces.
Once you have this unprojected image, you can resize it using whatever utility you like.

Hide or insert image (logo) in pdf using iTextSharp

We print pdf provided by the company and merged it with data from our C# ASP.Net 3.5 Web application using iTextSharp. This works well but we have been asked to either print the form with or without the company logo depending on the user preference.
Should I use a pdf with the logo and hide it or use a pdf without the logo and add the logo to it?
I have found numerous way to add a logo to a pdf but nothing on hiding images. Because the logo could be having different size and be in a different location I would prefer to hide it when needed instead of adding it. Can we hide images from pdf without removing it? What would be easier?
Or should we just use 2 versions of each forms, one with the logo and another without?
UPDATE: In a nutshell I just want to have your opinion to what way would be best. Use a form without a logo and add it when needed or use a form with the logo and hide it when needed. Thanks
FINAL UPDATE: Some people gave good answer but I see no way to accept their answer. Can someone help me?
Because no one answered my question I selected one of the comment as "the" answer. Thanks mkl!
You can store data private to your application in PDFs, e.g. logo size and location in the case at hand (cf. this answer on PieceInfo structures). I would, therefore, recommend that you create the PDFs without the logo but store the size and location for a logo in such a PieceInfo dictionary. If adding a logo is required later-on, use that information to properly place the logo

ASP.NET - Imageview just like in Google Picture Search Results

Imagine, that u have 10 Imagelinks (Example of such a Link: CLICK
What I want, is showing the 10 Pictures, googlelike (clickable) on my ASP.NET Website.
What would be, the best way to achieve this?
Do I should use a Table? But what if the Image is bigger than the Rowsize and how I could do the Clickevent on it?.. and so on..
I would use a table if you want to keep the same number of images on each row. Otherwise, you could just display the images inline and allow them to word wrap naturally.
As far as large images, Google resizes the images so they fit. If you don't do that, then you could definitely have formatting problems.
Finally, you make them clickable the same way you make any image clickable: through an anchor tab, or using some type of client-side scripting. When you create the markup, you will need whatever data is required to make each image clickable in a meaningful way.

how to merge two images into one with asp.net

I am working on an asp.net project. I am searching for a solution such that after a background image of a div is chosen. The user selects another image and coordinate. Then, this image will be merged on the background image with the defined coordinate.
Thanks in advance.
If you wish to combine two images,firstly you must upload them into server via ajax requests.
Read this article : combining images
After you combine them,let the user download the new one.
Also if you're looking for an editor to do so,I suggest to place them on html5 canvas.
Best Regards
Your post is quite general, but look in to System.Drawing and using an AJAX call to post both images (as well as the coordinates chosen) and then return the combined image which can then be displayed.
Without more specifics that's really all I can offer.

Combine 4 transparent PNG images on top of each other in an ASP.NET environment

I came across the solution I need in PHP but I need one that I can use that's just as simple in an ASP.NET environment.
I am combining 4 transparent png images to create a single image (Lets say its a custom certificate) with one of 4 background images, one of 4 header logos, one of 18 category titles and another variable image that stack just like they would in Photoshop. Instead of doing up over 1000 images I want the page to generate this image based on input variables.
I am at the point now where everything stacks nicely but I can't for the life of me find a way to merge these images together for the visitor to save locally as a single image.
I found the perfect PHP solution here:
Combine 2-3 transparent PNG images on top of each other with PHP
What can I do that accomplishes the same thing?
.NET has lots of image processing capabilities. Look at the Image class. It lets you load and save images. You can use the Graphics.FromImage() to return a graphics object that will let you draw another graphic onto an existing image. These steps should get you there once you've discovered the details enabling the transparency.

Resources