I have a fixed width div with gradient applied using css. I want to build slider based color picker based on this gradient.  When i drag the slider i calculate the percentage position, and i want to get the hex or rgb color code based on this value....

How can i fill one gradient for a <g> in an SVG image instead of fill all the <g>s in the selected <g>?   In this case, I'd like to show africa, filled with just one gradient from yellow to red, but because of the sub-groups the...

I am using this awesome jQuery plugin - http://benpickles.github.io/peity/  Basically, it renders mini graphs and charts in svg format. Within this svg element, there is one polygon and one polyline. I need to be able to give the polygon a gradient a...

This question already has answers here:...

I'm trying to animate the background of my website, which has a solid background, and then I want to "sketch" gridlines over it. Right now I have the background drawn as such:  background-color: #269; background-image: linear-gradient(@li...

I can get this working successfully within the html body, example...  <div id="myContainer" style="float: left; background-color: Blue; height: 100px;             width: 100px;">             <svg xmlns="http://www.w3.org/...

I just created Line Chart using chartjs library and I managed to make stroke in gradient color. Here is simple fiddle example what I did so far.   What I need next, is to make pointColor to follow gradient stroke and to pick up the current color of i...

I have a page with a gradient applied on page load via CSS and would like to animate the page alternating the gradient colors and degree (linear-gradient - 4 different colors all degrade to white) on mouse move.  If I use only 2 colors it works fine....

I'm trying to draw the following gradient image in canvas, but there's a problem in the right bottom.  Desired effect:    Current output:    I'm probably missing something really simple here.    function color(r, g, b) {   var args = Arra...

There is a column from a table that contains numeric values unordered. Each td needs to be painted using solid colors in a way that the column forms a  unordered gradient.  I created a numeric array which contains those values ordered and now I need...