タイプ= "range"のCANVASで色を変更する方法は？

Question

type="range"入力を使用して青色を変更したいのですが、これまでにはjsFiddleとなっています。私の仕事で成功するための知識がないので、さらに援助が必要です。それはjqueryやjavascriptを使って実現可能か簡単ですか？私は通常jqueryが好きです。

<svg id="ett"> 
<defs> 
    <filter id="f1" x="0" y="0"> 
     <feGaussianBlur in="SourceGraphic" stdDeviation="15" /> 
    </filter> 
    </defs> 
    <rect class="tva" filter="url(#f1)" /> 
</svg> 
<form> 
<input type="range" id="testr"> 
</form> 


#ett{border-style:solid; 
height:250px; 
width:250px;} 
.tva{height:250px; 
width:250px; 
stroke:red; 
stroke-width:50px; 
fill:blue;} 

Answer 1

YOUR_CALCULATED_VALUE未満のコードが計算された値に変更されます。それは動作するはずです。

$("input[type=range]").change(function(){ 
    console.log($(this).val()); // output in console current position 
    $(".tva").css("fill", YOUR_CALCULATED_VALUE) 
})