Preciso montar um exemplo de linhas usando o canvas ou outro componente que for possível como o
range-slider.js
Eu tenho um formulário onde vou precisar adicionar valores inicias e finais assim como valores intermediários e quero poder desenhar isso usando canvas.
Exemplo :
<div class="form-group">
<div class="col-sm-12">
<canvas width="100%" height="15" style="background-color: #0a0a0a;"></canvas>
</div>
<div class="col-sm-12">
<canvas id='ex01-1' height="15" style="background-color: #0a0a0a;"></canvas>
</div>
</div>
<script type="text/javascript">
var canvas = document.getElementById('ex01-1');
var context = canvas.getContext('2d');
context.lineTo(100, 50); // funcionou como moveTo()
context.lineTo(600, 50);
context.stroke();
</script>
No meu exemplo eu tenho uma linha que tem um valor fixo e na linha a baixo que tem o id id='ex01-1' quero poder definir os intervalos e inicial e final assim como um intervalo que pode ser no meio em relação a primeira linha, montando uma linha onde vou adicionar os valores sendo possível a formação de linhas conforme imagem
Prazo de Entrega: Não estabelecido