jqplot baselinewidth won't go under 3 px - css

I'm using jqplot to draw some small bar graphs.
However, I'm having trouble with the axis. I need to make them very thin and black to make them fit in with the rest of the styling on the site. But for some reason when I get below about 3px, the axis cease to get any thinner and instead start to turn a lighter and lighter grey.
If I leave as 'null' or undefined it seems the default is 1px but a lighter than black shade as well.
I'm guessing I need to alter something in the plugin itself but I've no idea where to change it.
Thanks in advance.

Related

JavaFX CSS how do I blend Text color to appear as white when a progress bar overlaps it?

I have this image of a progress bar:
I am trying to make the text change color as the bar overlaps it. I have no idea how to do this in JavaFX since it is not as flexible as the known CSS. I tried to use different blend modes provided but no use I couldn't manage to get the white color I wanted. Basically, there is no code to show since I don't know where to start. Is there any workaround?

Qt Composition mode. Black or white depending on background

I would like to draw a cross over an image, with a different color for each pixel depending on the background color, so that the cross is always well visible. So I'm trying to change the Composition Mode of the QPainter, but I can't find an acceptable solution.
I have tried QPainter::CompositionMode_Difference, painting with white. This is quite good because it inverts the destination color, but it doesn't work well if the destination color is a middle gray or similar.
The best solution is to get white if the background is "dark" and black if the background is "light". Is there a way to get this effect using only composition modes of the painter?
What about running the Image Composition Example for yourself, and maybe modifying the source/destination images to better fit your scenario? Maybe QPainter::CompositionMode_Xor is what you want?
An alternative solution, which is even very simple, is to use a white cross with a rather thick black outline. In this case you can ensure the visibility of the cross even in case of rather dark or light background images.

Turn image background transparent

I'm looking to see if this is possible and if so how to do it. I want the user to upload an image with a white background. The image can be anything from a pair of shoes to a hat. The website will then automatically turn that white background transparent then store it. What I want to know is there a way using HTML Canvas/CSS to transform that white background to 100% transparency?
You can have a look at this answer, which explains nicely how to change colors in an image using javascript : How to change color of an image using jquery
However, you should do this using server side code, and be aware that results may vary, as just removing a color will not look nice on the edges of your object.

Text Shadow not showing

I'm trying to create a button, where the font is bold but it also uses a text-shadow to make the text more readable. For whatever reason the text-shadow is not appearing when its added to the CSS, though in photoshop it makes a dramatic difference using the same values.
Here's the JSFiddle
Thank you for your help
The shadow is there, but it's so faint that it's nigh impossible to perceive, especially with a relatively low alpha value and when superimposed on a background with a similar hue.
I'm going out on a limb and guessing that in Photoshop, your text shadow has a layer style that causes it to have a different effect on the underlying background color. You may need to play around with the eyedropper tool and tweak the alpha value in your text shadow, in order to achieve something that better matches your Photoshop comp.

Setting transperancy on stack while doing mouse hover

I am trying to make the behavior that the stacks on stack bar chart become opaque and be more transparent while doing mouse hover. Right now the default behavior is opposite. I am able to get the colors as opaque without mouse hover by setting the alpha to 1.0. However the opaqueness remains at 1.0 while hovering. Is there a way to set the transparency of color while doing mouse hover.
thanks in advance
have you looked at using an Effect? Ideally openflashchart supports them, but i am not familiar with that lib. But using an Effect is how i would probably do it for a standard control.

Resources