Necesito dibujar un canvas por cada elemento de la matriz, pero no me dibuja nada con el foreach , pero si saco el foreach y la function per y solo dejo el dibujo de #nodes si funciona , pero claramente solo me dibuja 1 vez
b = [1,2,3,4,5];
$(document).ready(function(){
function per() {
console.log("per()");
$('#nodes').css({
'border-radius': '5px',
'padding': '0',
'margin': '0',
'width': '200px',
'height': '200px',
'position': 'absolute',
'right': '15px',
'bottom': '15px'
});
}
$('body').append('<canvas id="minimap"></canvas><canvas id="nodes"></canvas>');
$('#minimap').css({
'background': 'rgba(1,1,1,0.7',
'border-radius': '0px',
'border': '1px solid rgba(255,255,255,0.2)',
'padding': '0',
'margin': '0',
'width': '200px',
'height': '200px',
'position': 'absolute',
'right': '15px',
'bottom': '15px'
});
b.forEach(per);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Nuevo problema: la respuesta de asier me sirve, el problema es que luego tengo una funcion fuera de todo este código que hace un document.getElementById , intenté haciendo document.getElementById($canvas); pero no me funcionó , que debo hacer?
function per() { for (var i = 0; b[i]; i++) { var $canvas = $("").css({ // bla bla }
}