0
267
VisualizaçõesHTML cómo obtener el archivo de recursos de lienzo?
La imagen en la página HTML se representa como un lienzo, pero tengo problemas para obtener el nombre de la imagen de origen de este lienzo usando javascript.
Página: https://www.futbin.com/22/squad-builder
Encontré esta imagen en la página de recursos: 
Pero, ¿cómo obtenerlo programáticamente? Quiero decir, si tengo:
var canvas = document.getElementById('field-area')¿Cómo obtener el nombre del archivo? El resultado debería ser "field_1920x1080.png?v=8"
2 Respostas
Responde à pergunta0
Puede usar HTMLCanvasElement.toDataURL para obtener la imagen dibujada en el lienzo base64 encoded
var canvas = document.getElementById('field-area'); var b64url = canvas.toDataURL('image/png'); Esto devolverá la URL de la imagen en sí, no creo que pueda obtener el nombre del activo directamente desde un elemento de canvas sin inspeccionar el código en el sitio web
0
EJBEAN tiene razón, el elemento canvas no sabe qué recursos se usaron para dibujar.
¿Por qué no usa el conjunto de dataset para vigilar lo que usó?
var canvas = document.getElementById('field-area'); // ... draw resource here canvas.dataset.resource = "field_1920x1080.png";Es una manera fácil de mantener los datos almacenados para cualquier elemento de su página.