How do I dynamically crop Image size in asp.net C#?

Question

0.00/5 (No votes)

See more:

Hi members,

I have a colour gradient image that is set to fit nicely on a chart range from 0 - 120. However my problem now is that my chart range can change dynamically according to the charts that is populated.

My question is how can I dynamically crop my image in asp.net C# to crop the image nicely to the chart?

Currently the default colour gradient image that fits nicely for range 0 - 120:
http://i.stack.imgur.com/Xlh8N.png[^]

However lets take a look at the problem which the image is static and does not adjust accordingly to the chart range:
http://i.stack.imgur.com/1aVPc.png[^]

Thus I would like to do in this approach:

1. get the max value of the chart

2. e.g. if value = 60, the % = 60/120 = 50%

3. dynamically crop 50% from the top and stretch it to 100% to fit the Y Axis height

which I would like the results to be:
http://i.stack.imgur.com/p8Bmt.png[^]
OR if there is any other approach to create gradient colour image like these dynamically do suggest too! thanks a lot.

Posted 16-Nov-15 14:13pm

waynetan123

Add a Solution

Comments

Sergey Alexandrovich Kryukov 17-Nov-15 0:22am

What have you tried so far?
—SA

waynetan123 17-Nov-15 4:24am

bitmap but doesn't work. first time doing cropping thus not much experience thanks

Sergey Alexandrovich Kryukov 17-Nov-15 10:11am

If you don't want to answer, don't. :-)
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sinisa Hajnal · Answer 1 · 2015-11-17T00:21:00

Solution 1

This one is fourth result on google here from CP: Cropping Images[^]

It crops by mouse drawn rectangle, but you can adapt it to use your dynamic range.

Posted 17-Nov-15 0:21am

Sinisa Hajnal

Comments

waynetan123 17-Nov-15 19:25pm

I need it to crop automatically upon page load. thanks

Sinisa Hajnal 18-Nov-15 3:24am

But at page load you can get all needed parameters, right? You know how wide/high the image should be. So crop based on that instead of mouse rectangle. Use cropping code from the example, just use your own rectangle.