Estoy usando use-screen-shot para tomar una captura de pantalla en React. Todo funciona bien, pero lo único que falta es la imagen. Ahora, si la fuente de la imagen es local, puedo tomar una captura de pantalla. Pero si es url, muestra un espacio en blanco.
Parece que no puedo hacer que funcione. Alguna idea ?
Para cargar datos de imagen en JavaScript (que es requerido por useScreenShot) necesita tener permiso para hacerlo.
Para imágenes locales, eso es automático. Para imágenes de origen cruzado, necesita:
crossorigin para solicitar permiso a través de CORS (p. ej., <img src="http://placekitten.com/100/100" alt="" crossOrigin="anonymous" /> )No puede cargar datos de imágenes entre orígenes sin el permiso de la fuente de la imagen . Se aplican las alternativas habituales a CORS (según la respuesta en el enlace anterior), como usar un proxy.