SVG.js test2

by DOK_UA

HTML

<body>
   
</body>

CSS

svg {
    background-color: gray;
    width: 600px;
    height: 600px;
    
}

JavaScript

// initialize SVG.js
var draw = SVG().addTo('body')

// draw pink square
var sizeOfSquare = 10;
var countOfCell = 10;
var intensity = 1.3;
var baseArray

var i;
var j;

var n = countOfCell, m = countOfCell;
var mas = [];
for (var i = 0; i < m; i++){
	mas[i] = [];
	for (var j = 0; j < n; j++){
   	var drawOrNot = Math.random();

      if(drawOrNot>0.49)
        {
            mas[i][j] = [sizeOfSquare*j*intensity,sizeOfSquare*i*intensity] ;

            {
             draw.rect(sizeOfSquare, sizeOfSquare).move(sizeOfSquare*j*intensity,sizeOfSquare*i*intensity).fill('white');
            }
       
          
       			
        }
        else{
        		mas[i][j] = [sizeOfSquare*j*intensity,sizeOfSquare*i*intensity] ;
            draw.rect(sizeOfSquare, sizeOfSquare).move(sizeOfSquare*j*intensity,sizeOfSquare*i*intensity).fill('red');
        }
}}
//alert(mas);



/*


for (i = 1; i < countOfCell+1; i++) {
     for (j = 1; j < countOfCell+1; j++)
     {
     	var drawOrNot = Math.random();
      if(drawOrNot>0.49)
        {
        draw.rect(sizeOfSquare, sizeOfSquare).move(sizeOfSquare*j*intensity,sizeOfSquare*i*intensity).fill('black');
        }
        else{
        draw.rect(sizeOfSquare, sizeOfSquare).move(sizeOfSquare*j*intensity,sizeOfSquare*i*intensity).fill('white');
        }
     
     }
  	
 //  if(mas[i-1][j-1] == true || mas[i-1][j-1] == undefined && mas[i-1][j+1] == true || mas[i-1][j+1] == undefined && mas[i+1][j-1] == true || mas[i+1][j-1] == undefined && mas[i+1][j+1] == true || mas[i+1][j+1] == undefined)

}

*/