I'm looking into hint or way to achieve the same result in attached pic
Native android or JavaScript is most welcomed.
Could you be more specific in you questioning? I think your mean something deforming a face, but is it real-time or after taking the photo?
Maybe this answer helps your out: https://stackoverflow.com/a/38830963/1783311
Related
I need to do a feature like hugin did, but I can't find any framework or something that can help me.
So hugin is a program that helps edit equirectangulars. For example, if you took a photo from the wrong position or angle, hugin will help you change roll (offset) and resave the photo (I will attach a photo).
Did anyone see a JS library that could help me do it?
I could not find any library allowing for editing panorama photos. From quick research it comes aout that there are some panorama viewers like Panolens. It seems that it uses three.js (there is a exmaple of equirectangular panorama). You might take a look at source codes of those and try to use similiar approach in your project.
I am planning on making an analytics dashboard and would like to implement circular charts like the image attached to this question:
and I would like to do it using jQuery. Do you guys have any usefull links to resources or to other SO questions? Would be awesome!
Thanks!
You can also take a look at :
http://bernii.github.com/gauge.js/
http://www.justgage.com/
Both of them look really good and seems pretty easy to use.
The easiest way would probably be to create an SVG that mimics the appearance you want, and then use JavaScript/jQuery to modify the source of the SVG. The design you're requesting could probably be acheived by simply placing two arcs on top of one another.
Deriving from this excellent answer on calculating arcs, creating two overlapping ones could look something like this, which also demonstrates updating the arc dynamically.
lethargicpanda's suggestions are cool. Check out jQuery Knob too. It also allows user input.
I was wondering if there is a way to change an image color scale in JavaScript? Say you want to make it warmer or cooler depending upon the user's input. If there is a way in jquery or html5 that would be fine as well. Anyone know how to accomplish something like this?
HTML 5 has lot more features than what you just looking for. Anyhow the CANVAS container is the solution that i could say, where you can play with the color, pixels of image. . Have a look at this this. Hope this can help you to start
Maybe not in jquery itself but there is very cool js library for manipulating images called pixastic.
http://www.pixastic.com/
Try to search documentation for option you need exactly.
My guess is you want to change the saturation. I tried Pixastic but it's broken in my browsers, Chrome, Opera and IE7.
Caman JS looks like it delivers, at least judging from the demo page
http://camanjs.com/examples
Hi I'm looking for a way to create a panorama view with a 360 degrees photo. I need a solution to do create something like QTVR. There is a lot flash based software out there (I'm trying to avoid that) and also some javascript/prototype/jquery solutions. But none of the solutions I've found have the behaviour I'm looking for. I want to eanable users to look around (just horizontal). Furniture objects on the pictures should react on mouseover, so that I might have multiple "layers" to distort. Is there a way to manipulate images in pure javascript or with jquery so, that it looks like they where bent cylindrical? Or does anyone know good libraries that support that kind of image manipulation? Might webgl be a good solution? I don't really know how to start. Is there anyone who could give me a hint. I'm just looking for a direction. google didn't bring me usable results.
Check out three.js
http://mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html
Also, you could possibly do some of the image manipulation via canvas.
https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas
It might be easier (with canvas) to just have a fully processed panoramic image, and figure out which pixels represent your interactive object. Then listen for mouseovers on those pixels.
try out http://panorado.com/en/PanoradoJs.php
There you'll find an excellent HTML5/JS based Viewer.
There are lots of tool to do that. Have you tried www.vtility.net ? Im not sure if it had mouse over layering. But it was the only SEO friendly that I have found.
I have a piece of code that adapts FitText.js to custom media queries. I wanted it to have different values for each predefined media query.
The code works, but it is by far ugly and by far not optimal.
http://jsfiddle.net/rKFYs/9/
I've tried recoding it but my js skills are not that good.
JS Gurus, please help!
I wrote a remix of FitText a little while back that will do its best to scale your text to fit its container element (see http://blog.rjzaworski.com/2011/11/fit-text-to-element-inflatetext-js/).
Using this variation on the FitText concept, you would simply need to adjust the size of the container div in your media queries and let the plugin scale your text to fit.
I actually ended up writing my own plugin called AdaptiveText.js check it out!
Maybe this answer that I just wrote in other question about a similar problem can help you