Producing image by running highcharts-convert.js on phantomjs - javascript

I'm new to highcharts-convert & phantomjs and I was trying to run these to obtain image on serverside.
While I was working on it, there was a tiny rounded edges on each corner of the image..
(damn.. stackoverflow doesn't allow me to upload an image..)
I'm not sure which attribute is causing it..
If anyone have any clue, please let me know.
Thank you for reading :)
(Also I went to official highchart forum and apparently it went down and suggested to post in here..)

The option you're looking for is http://api.highcharts.com/highcharts#chart.borderRadius.

Related

Can I modify box in existing PDF file with HummuJS?

I need to change exisiting PDF files with some new data. HummusJS docs says that I can change box with parsing and modification. But I cant find a right method for this.
Maybe someone faced with this problem?
Please have a look at this example from the wiki of the HummusJS project
https://github.com/galkahana/HummusJS/blob/master/tests/ModifyingExistingFileContent.js
Pay attention to the function testPageSizeModification on line 4

How to take a screenshot of a web page by using Javascript

I need to capture the currently active web page as a screenshot. I've already tried html2canvas & GrabzIt but the problem is that I need a precise screenshot of the page I am on currently. The reason why I don't want to use html2canvas is because it does not always return a good version of a screenshot (not rendering properly) and I don't want to use GrabzIt because it's not free.
Do any of you have an idea how to accomplish this either by using javascript/java/flash?
Any option will do as long as it works...
P.S. I'm currently capturing screenshots with my addon for Firefox by using the function that firefox offers : context.drawWindow and now i want to make it available online.
Thanks a lot!
Currently possible alternatives:
rasterizeHTML.js:
this tool looks to be capable to capture a while page containing sophisticated html-structure and an image as well in this demo:
http://cburgmer.github.io/rasterizeHTML.js/
Lively 3D:
On the tool's website you can find a demo as well and it is still supported and developed.
http://livelygoes3d.blogspot.co.at/2011/11/rendering-html-on-canvas.html
HTML2Canvas:
Or after all HTML2Canvas because it does not look like that it is put on hold, quite the opposite there is a new release-version of it. And since I used it it might be handle rendering images onto a canvas better.
https://html2canvas.hertzen.com
Old-Answer:
I used this package in one of my projects and it worked pretty well. The only complain I have to make on this package is that images are not rendered that well in the final screenshot. But may be it's improved since then.
In the end, I ended up using server side generation of screenshots with phantomjs. Found it the most reliable in my scenario and it takes pretty decent screenshots.

Coda Slider not displaying images during animation

I got a Coda Slider working retrieving data from posts, but now that I've installed other plugins to the site it started failing to display images while the transition is taking place.
http://poesis.savvy-studio.net/
I know that it might be a javascript conflict but I dont know where to start, hope you guys might know where to look at.
Thank you in advance!
Firstly you need to identify which plugin is conflicting, this is just a trial and error process, remove them one at a time until you get results.
I am going to assume you are getting no console errors at this point so the best thing you can do is pin down the plugin then look for more specific information. Currently your question is extremely vague...

Jquery Slider Rotates but something strange happens

I have a little problem, I've been working on this slider based on http://www.zurb.com/playground/orbit-jquery-image-slider (Orbit Slider) and Carousel plugins. You can view the results on my test page http://www.unscspartanteamomega.com/localh0st# . As you can see the images are rotating, but this only works on Firefox for some odd reason. In Chrome the images rotate behind the background and I don't know why, also the caption are not rotating either. Has this happened to anyone before? If anyone knows a possible solution to this, please let me know.
Here's the code I used to call the plugin
$(window).load(function() {
$('#carousel').orbit();
});
Thank you!
Okay here is my suggestion for you. Check these js files on your page.
cameramod
jquery.easing.1.3
jquery.min
jquery.mobile.customized.min
they have some errors like unexpected tokens ('<') and your main html file's script also contain an error #object has no method. Try to correct these first. Not very major errors just spend some time on them, monitor them carefully using web developer tools. Happy coding :)

red free support for images

I am working on a web application for a opthology research firm. They work on cornea images and use red free light to identify lesions (artries and nerve fibers) easily. I have implemented the addAmbient() method provided by microsoft for this purpose and it is working fine.
<img id="eyepic" src="GetImage.jsp" height="1291" width="1944" STYLE="filter:light" onload="eyepic.filters.light.addAmbient(0,255,255,100)">
But the problem is this thing works only in IE. I am looking for a method to implement this for other browsers too. If anyone has any idea please help me.
Thanks
hey everyone thanks for responding.Actually i slved my problem a month ago,just forgot to update it here.I am now using java2D api for creating redfree images.It has BandCombineOp to manipulate pixels.
Thanks anyway

Categories