Question

我正在制作一个javascript图像转换器，只是一个概念证明（我知道还有另外一种更好的语言）。我的问题是在循环部分我正在做一些变量不评估函数循环中的变量。代码应该以这种方式工作：

HTML按钮可激活父功能。
陈述了一些变数。
定义了一个很好的渐变的循环以及那些我遇到麻烦的循环。
用一些其他计数器变量声明了一个触发间隔循环的函数。

我认为问题出在我在循环（）上使用的计数器变量中，但我无法弄明白。

这是我的所有代码：

<!DOCTYPE html>
<html>

<head>

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>CPBitmap to PNG</title>

<style>

  #canvas {
      width:512px;
      height:384px;
      background-color:black;
  }

</style>

<script>
function convertir(){
    var y =0;
    vertC = 10;
    var pixelConverter = function(){
        for(;y<vertC;y++){
            for(var x=0; x<2048;x++){
                var canvas = document.getElementById("canvas");
                var ctx = canvas.getContext("2d");
                var pixel = "rgb(" + y + "," + vertC + "," + x + ")";
                ctx.fillStyle = pixel;
                ctx.fillRect(x,y,100,100);      
            }       
        }               
    }
    intervalos = setInterval(loops,1);
    function loops(){
        pixelConverter();
        vertC = vertC + 10;
        console.log("Y= " + y + "Linea " + vertC );
        y = y + 10;
        x = 0;
        console.log(x);
        if(x > 2047 && y > 1535)intervalos=window.clearInterval(intervalos);
        else pixelConverter();



    }
}
</script>

</head>

<body>


<input type="file" id="input" name="file" /> 

<button onclick=convertir() >¡Convertir!</button>

<button onclick="intervalos=window.clearInterval(intervalos)">Alto</button>

<canvas id="canvas" width="2048px" height="1536px"></canvas>


<div id="Hola"></div>

</body>

</html>

嵌套for循环不会评估

0 个答案: