I’m going to go against the grain here and state that the principle of separating content from layout (which would justify the answers that suggest using CSS) does not always apply to image height and width. Each image has an innate, original height and width that can be derived from the image data. In the … Read more
There is a new attribute for the img tag that allows you to add a retina src attribute, namely srcset. No javascript or CSS needed, no double loading of images. <img src=”https://stackoverflow.com/questions/13744542/low-res.jpg” srcset=”https://stackoverflow.com/high-res.jpg 2x”> Browser Support: http://caniuse.com/#search=srcset Other Resources: WebKit release post W3C documentation for srcset good explanation about why and how to use srcset … Read more
The basics first: The Mean Shift segmentation is a local homogenization technique that is very useful for damping shading or tonality differences in localized objects. An example is better than many words: Action:replaces each pixel with the mean of the pixels in a range-r neighborhood and whose value is within a distance d. The Mean … Read more
I encountered this while running an ASP.NET WebForms app using the ASP.NET Development Server. I suspect something similar will happen if you use IIS Express as your server as well (VS 2010 SP1). I ‘resolved’ my problem locally by editing the project settings (under Web) and changed from the ASP.NET Development Server to IIS on … Read more
Your best bet as always is to find a well tested library. However, you said that is difficult, so here is some dodgy largely untested code that should work for a fair number of cases: using System; using System.Collections.Generic; using System.Drawing; using System.IO; using System.Linq; namespace ImageDimensions { public static class ImageHelper { const string … Read more
You should be setting the src using this: document[“pic1”].src = searchPic.src; or $(“#pic1”).attr(“src”, searchPic.src);
Here is how you can create a rounded rectangle with SVG Path: <path d=”M100,100 h200 a20,20 0 0 1 20,20 v200 a20,20 0 0 1 -20,20 h-200 a20,20 0 0 1 -20,-20 v-200 a20,20 0 0 1 20,-20 z” /> Explanation m100,100: move to point(100,100) h200: draw a 200px horizontal line from where we are … Read more
This answer by Jaap : <div class=”image”></div> and in CSS : div.image::before { content:url(http://placehold.it/350×150); } you can try it on this link : http://jsfiddle.net/XAh2d/ this is a link about css content http://css-tricks.com/css-content/ This has been tested on Chrome, firefox and Safari. (I’m on a mac, so if someone has the result on IE, tell me … Read more
var i = new Image(); i.onload = function(){ alert( i.width+”, “+i.height ); }; i.src = imageData;
Thanks everyone for your help. Finally got it resolved!! import io img = Image.open(fh, mode=”r”) roi_img = img.crop(box) img_byte_arr = io.BytesIO() roi_img.save(img_byte_arr, format=”PNG”) img_byte_arr = img_byte_arr.getvalue() With this i don’t have to save the cropped image in my hard disc and I’m able to retrieve the byte array from a PIL cropped image.