0

ボタンをクリックすると、jquery スライダーを使用してキャンバスに線を描画するようにしています。スライダーの値をスライダーで変化する変数にする方法と場所がわかりません。スライダーの初期値のままです。

$(function() {
    $( "#slider" ).slider({
        value:100,
        min: 0,
        max: 500,
        step: 50,
        slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
        }
    });
    $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
    a=$( "#slider" ).slider( "value" );
});

</script>
</head>

<body>
<script>

function myFunction()
{
    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    ctx.moveTo(a,50);
    ctx.lineTo(b,0);
    ctx.stroke();
}
4

1 に答える 1