Quiero obtener parte de un lienzo en el formato de URL de datos base 64 que se enviará a mi API porque estoy usando el método ctx.getImageData() que devuelve una matriz uint 8 sujeta aquí está el código:
const data = ctx.getImageData(mousex, mousey, mousex1, mousey1); const clamped = data.data } He probado muchos métodos btoa pero devuelven una matriz rota llena de A o una matriz rota con mucho /
Puede usar canvas.toDataURL(type, encoderOptions) para este propósito.
part_canvas = document.createElement("canvas") , este lienzo no tiene que estar visible en la página.part_ctx = part_canvas.getContext("2d") en el lienzopart_ctx.drawImage(source_image, part_x, part_x, part_width, parth_height, 0, 0, part_width, parth_height); Esto tomará un área rectangular de la imagen de origen y la colocará en el lienzo invisible.part_canvas.toDataURL() y tiene la URL de datosNo probé. Pero creo que esto debería funcionar.