Así que tengo esto incrustado en mi sitio ( pronóstico superior ), que copié en un nuevo lienzo ( pronóstico inferior ) con la esperanza de poder modificar los colores en el lienzo de blanco a transparente. Lo necesitaría para ignorar los píxeles blancos dentro de la fila inferior de cuadros pero cambiar el fondo blanco a transparente.
¿Alguna ayuda? Este es el código que tengo hasta ahora:
<!DOCTYPE html> <html lang="eng"> <head> <meta charset="UTF-8"> <meta nameset="viewport" content="with=device-width, initial-scale=1.0"> <title>ClearOutside</title> <style type="text/css"> body { background-color: transparent; -ms-zoom: 0.5; -moz-transform: scale(0.5); -moz-transform-origin: 0 0; -o-transform: scale(0.5); -o-transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; } </style> </head> <body style="background-color:blue"> <a href="https://clearoutside.com/forecast/37.61/15.10"> <img id="forecast" src="https://clearoutside.com/forecast_image_small/37.61/15.10/forecast.png" /></a> <canvas id="myCanvas" width="505" height="41"> <script> document.getElementById("forecast").onload = function() { var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); var img = document.getElementById("forecast"); ctx.drawImage(img, 0, 0); }; </script> </body> </html>