Created
August 12, 2017 13:57
-
-
Save fujidig/15ce62ddb941243abb1dcae3e5fcb545 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 白黒画像を透過画像に変換する --> | |
| <body bgcolor="blue"> | |
| <script> | |
| let img=new Image; | |
| img.src="hierarchy-000001.png"; | |
| img.onload=()=>{ | |
| let canvas=document.createElement("canvas"); | |
| canvas.width=img.width; | |
| canvas.height=img.height; | |
| let ctx=canvas.getContext("2d"); | |
| ctx.drawImage(img, 0, 0); | |
| var imageData = ctx.getImageData(0,0,canvas.width, canvas.height); | |
| var data = imageData.data; | |
| for (var i = 0; i < data.length; i += 4) { | |
| let c = data[i]; | |
| data[i] = data[i + 1] = data[i + 2] = 0; | |
| data[i + 3] = 255 - c; | |
| } | |
| ctx.putImageData(imageData, 0, 0); | |
| document.body.appendChild(canvas); | |
| } | |
| </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment