我正在为Javascript编写一个绘图/图形库,并且遇到了一个似乎很大的问题.
我有4个数字输入来定义图形显示的最小值和最大值,就像在TI-84图形计算器上一样:XMin,XMax,YMin,YMax.
<div id="window">
<input type="number" class="bound" id="minX" value="" />
<input type="number" class="bound" id="maxX" value="" />
<br />
<input type="number" class="bound" id="minY" value="" />
<input type="number" class="bound" id="maxY" value="" />
</div>
Run Code Online (Sandbox Code Playgroud)
然后我有代码来抓取这些值,并Plot.setBounds(xMin, xMax, yMin, yMax)在修改时将它们放入函数中:
var plot1 = new Plot();
$('#window .bound').change(function() {
var minX = $('#window #minX').val(),
maxX = $('#window #maxX').val(),
minY = $('#window #minY').val(),
maxY = $('#window #maxY').val();
console.log('modified to:', minX, maxX, minY, maxY);
plot1.setBounds(minX, maxX, minY, maxY); …Run Code Online (Sandbox Code Playgroud)