Tengo el siguiente código y luego en una función fuera de todas estás funciones quiero hacer un getElementById, pero los canvas creados no tiene ID , me dijeron que deberia agregarle id dentro de la funcion per, pero estoy desorientado, si alguien sabe porfavor ayuda.
Codigo:
$(document).ready(function(){
function per() {
console.log("per()");
var $canvas = $('<canvas></canvas>').css({
'border-radius': '5px',
'padding': '0',
'margin': '0',
'width': '200px',
'height': '200px',
//'position': 'absolute',
'right': '15px',
'bottom': '15px',
'background-color': 'blue'
});
$('body').append($canvas);
}
$('body').append('<canvas id="minimap"></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);
});
function obtener() {
document.getElementById(que hago?)
}