Simple Javascript image editor for ASP.Net application - c#

I'm doing a project on ASP.Net, whose task is to work with images.
So, I need to make the client part of whose tasks will include:
cropping, rotating, resizing.
I saw this topic, but solution are too complicated for my problem (I have only 3 functions, not online version of Photoshop).
Could you give me a free solution for JS?
means that the sending result-image will be executed in Ajax.
Desirable,that solution should support Ie8+.

It is not free, but Telerik has an Image Editor
for ASP.NET AJAX.

Full disclosure: I'm the author of StudioJS
StudioJS (MIT-licensed), (see demo) offers cropping, rotation, flipping, saturation, contrast, brightness adjustment, white-balance correction, and a number of image effects.
It uses ImageResizer (of which I am also the author), to do the back-end work. The ImageResizer core, resizing, cropping, and rotation is free, but the image effects and adjustments require a license. Everything is on GitHub.
If you build your own solution, check out my list of avoidable pitfalls. It can be a bit tricky.

You can use a JavaScript free component to edit the image and convert it to base64 , then it will be ease to save this base64 as a server side code to physical file image
Javascript code :
http://cssdeck.com/labs/xnmcokhc
or by the same way there are many other JS options too in below link
http://www.jqueryrain.com/demo/jquery-crop-image-plugin/

You could use an online editor such as Pixlr. I read it has an API so that you can set it up to work with your web application.It has the features you want, and also many more.
To have your own JS editor, I haven't found something ready available online but could make one of your own.
You could use the imgAreaSelect plugin (is used in WordPress) to make the client side part of the crop function. For the server side part, I have written this article some time ago to describe how a crop function works. You could adjust it to work with the imgAreaSelect plugin. If Pixlr doesn't suit you, let me know so that we can talk more about the second scenario.

So, I've created a SimpleImageEditor for my Project.
I've used ImageAreaSelect for cropping and fc-ImageResizer for resizing.
For display I use Bootstrap 3.0.
https://bitbucket.org/Dr-klo/simpleimageeditor/

Related

Image processing library in asp.net (using C#) without flash

I have the following requirement wherein I have to implement a paint brush kind of feature in a asp.net web application. Basically it should support resizing, drawing lines, squares, etc and a whole lot of features like a paint brush. I was googling out image processing libraries in internet.
I found some - but the problem is most of them is with flash. I was looking for some option without flash since the application should run on a ipad also.
Can you people suggest some good image processing libraries which I can use in my asp.net (using C#) application.?
I have done good enough research regarding them. I do not have much time to download the trial versions and try each and every library. So I need the help of you all to suggest me something based on experience.
For the Image Resizing and cropping you can use Image Resizer and for drawing lines, squares, etc you should use HTML5 Canvus.
There are a lot of good libraries and tutorials for HTML5 Canvus.
Its easy to use and is available at Nuget.
var settings = new ResizeSettings {
MaxWidth = thumbnailSize,
MaxHeight = thumbnailSize,
Format = "jpg"
};
settings.Add("quality", quality.ToString());
ImageBuilder.Current.Build(inStream, outStream, settings);
resized = outStream.ToArray();
You can install it using Nuget
PM> Install-Package ImageResizer
you can use AForge.NET, a C# framework, here is code project link :
http://www.codeproject.com/Articles/16859/AForge-NET-open-source-framework

Multiple Image Uploading / Map Images to Products

I am looking for a solution (APIs, etc.) for handling a similar experience as cafepress.com. I need to be able to upload images (preferably multiple at a time) and be able to map my uploaded images to various product images (clean stock images of shirts, mugs, etc.). I also want to give the user some very basic controls over the images they upload such as cropping, resizing, levels, etc. Any suggested libraries or APIs would be greatly appreciated. I am looking for .NET solutions (if server-side). I am not looking for how to tie this all together but rather some suggested libraries or tools to build out some of this functionality.
Note: If this is not the place for this type of question, please move accordingly or suggest an alternate site.
Frankly, I don't think you are going to find what you are looking for specifically, unless you are looking at using a full on CMS of some form. Frankly, those problem domains are too far apart. Instead you should probably look at them as individual pieces.
So far as upload controls exist, there are probably close to 100, some free some not so free. Personally, I already have a Telerik subscription, so it was a no-brainer for me, but Rad Upload works well and supports multiple uploads. Free implementations are available.
The cropping and post image handling tasks ( at least the ones you have listed ), can easily be handled using standard System.Drawing.* calls, or if it gets more advanced a ton of free libraries exist, like the age old ImageMagick, but there are a number of commerical libraries available as well. Chances are though, the inbuilt libraries will be more than sufficient.
Finally the mapping to products should be handled by your business layer ( aka, code you write ) as it is going to be so specific to your app.
However, if you are looking for a storefront or CMM with a multiple image upload control, that is a very different question with many options as well, both free and commercial.
use openCV. you can find it here: http://opencv.willowgarage.com/wiki/
you can use this library perfectly with c++.
if you need to use it in C# use this wrapper: www.emgu.com/wiki/index.php/Main_Page

Using FLASH with ASP.NET - YAY or NAY?

I know i can use AJAX and SILVERLIGHT with my ASP.NET web page. But what do you think about using flash with asp.net? Can this be done? How can this be done? Would you recommend me using flash at all with ASP.NET? I will NOT be using WEB SERVICES, just a plain ASP.NET website.
Thanks in advance!
EDIT: What about performance issues???
I have used Flash in ASP.NET websites plenty.
Software should always boil down to the best tool for the job, if Flash is the way you need to go for your RIA, then so be it.
Remember, ASP.NET is nothing "new/different" ultimately, it is just a fancy HTML generator.
Therefore, to use flash, you simply use the plain old HTML OBJECT and EMBED tags to place the Flash on the page.
The benefit of using things like ASP.NET (or any other framework) is that you can encapsulate the EMBED logic to use things like swfObject.
flash is client side, what you use server side has very little impact on it.
Given Flash's high market penetration (98%+), I think Flash is a great way to go regardless of the underlying platform.
But, as with everything, it depends on what you want to do. If you want to deliver a rich user interface via Flash, you should consider using Flex.
There are several tools to help integrate a Flash/Flex application with ASP.NET. One of these that I recommend is WebORB.
It certainly can be done! We've done entire flash-based websites in the past that rely on data generated by a CMS and read from flash via XML. There are of course lots of gotchas (loading html text, multilingual characters), but once you've done it a few times you'll get the hang of it.
Flex is probably a better option.

Generate dynamic flow-chart

We are looking for some code/component that can create a flow-chart (image) dynamically, preferably in .NET/C# (although a Silverlight/Flash-component that takes a XML/JSON-feed will also be fine).
For example we have a (business) quote that goes through te following steps before it becomes final:
Requested -> Pending -> Ready for revision -> Under revision -> Final
And as an extra step there is the possibility to go from 'Under revision' back to 'Pending'.
So the component/code should draw something like this (where 'Under revision' would be the active status for this quote):
Example chart http://www.wowtah.nl/flowchart-example.gif
The reason that we are not just creating static GIF-images (and load the correct one on demand) is that these steps can vary per customer implementation of our product. So we're looking for a way of dynamically show the user the workflow steps that are configured for them.
Any help would be greatly appreciated!
Take a look at Microsoft MSAGL
I built a workflow solution a while back and evaluated a number of diagramming controls, including the MindFusion control. I settled on the Syncfusion diagram control, primarily for its ease of use for an end user (especially when drawing connections).
I'm using the WPF edition, but they make editions for ASP.Net and WinForms. It has methods for exporting to images.
These are some of the components that I can remember evaluating; I'd recommend giving them a shot and seeing which you like best.
Syncfusion,
NWoods,
yWorks,
Nevron,
EasyDiagram
MindFusion looks like they have some good diagramming controls that may work for you:
http://www.mindfusion.eu/diagramming.html
In the meantime there are also open source diagramming libraries that you can find on Codeplex and Google code.
A very deep one with many features and very flexible is
http://nshape.codeplex.com/
Perhaps easier to program but more limited in scope
http://www.dalssoft.com/diagram/

What is a good api for mapping gps coordinates in c#?

I have a project that has a list of gps coordinates. I would like to find a way to make a simple map of those coordinates (possibly just one at a time). The map should have basic street info.
This part of our project is pretty simple so I don't think it needs to be an exceptionally feature rich product. This also means it shouldn't be really expensive.
What is a good product to achieve this?
edit: This is a desktop app where internet connectivity will probably not be available.
Google Maps is great for this.
If this is a desktop app with internet access you could still host an IE control and show it there.
EDIT: If this is a desktop app without internet access you'll have to buy something like Microsoft Streets & Trips. I don't know if it has reusable controls. You probably have to buy something more expensive to get that. Applications of this nature often fall under the category "GIS". Try searching Google for that.
Sharpmap is open source project written in C# and released under LGPL. To quote first line from page:
SharpMap is an easy-to-use mapping library for use in web and desktop applications.
I'd go with this solution
Map Rendering: SharpMap
Geometry operations: NetTopologySuite
Map data store: shapefiles in your file system or PostGis over PostgreSQL
Map data itself: the easiest way may be extracting from OpenStreetMaps data. Here, for example you can download shapefiles for your desired location
Everyting is open source (more or less, check the licenses) and works fine on windows.
Hope it helps
ESRI has an API. They have javascript, silverlight,wpf, and flash. they may have more. ESRI is pretty much the standard in mapping.

Categories