Transaction cf74c978c271863dbad08e3963709e5e6cae9c02d0aa9a76e8881d5fd8c68cc4
1 Input
-
dac25794bc5257d166d9b6027552eaf1022636c89166c6c9bb4cc4b3f3e7f0c1:0
OP_DATA_32(32) 131efb34aceddee588982dcbd452261695216ae29932116702a9704862081468OP_CHECKSIG(172)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_0(0)OP_PUSHDATA2(77) <!DOCTYPE html> <style> body { height: 100vh; margin: 0; display: flex; background: white; } img { object-fit: cover; width: 100%; height: 100%; image-rendering: pixelated; } </style> <img /> <script type="module"> async function loadImage(id) { return await new Promise(resolver => { let image = new Image() image.crossOrigin = 'anonymous' image.onload = () => resolver(image) image.src = `/content/${id}` }) } let size = 336 let ids =OP_PUSHDATA2(77) [ "688bc405ecf60c97ae902a0008b559d60286fa06d003339373caf449f188dd30i0", "4a4e07d99ed6a7cea093ade85d049f57114ca167c6df18be8910dc1aaba7d91fi0", "c76774dbbd85e669d8fbb4445903d45b46d5d39d9c0ab80f40903a1f6bb4b650i0", "807ec134825e7ed71fd4732370ae730973ba160d33575e94ebd2cdc1a0d7ca5di0", "88d1697c1986e7905c50605c3545b6ac3bc6d3a2f067922b55bfe8b24c526754i0", "8fcf246aca2a9018ef8299c1371f4d70d9a7a07dd2baa7473a64b5dc63a31486i0", "c657dc51a0d24eb30d63bd98f821cfe125572ecd2b11287400fbe2e34871891fi0", "8cf5e1d613OP_PUSHDATA2(77) e74e88471af7b293ec342c154bc676fcdd28256f2b030c5556d352i0", "6a4d07b83f5029c551a1dfbd03c37a57648fc4e3e07e1e577d7b4e1a17ff16dbi0", "232348e40ae2cc7cd8f3fbf51acaaaf1b0b66f27f1a48d326675b7a8cee20b40i0" ] let canvas = new OffscreenCanvas(ids.length * size, size) let ctx = canvas.getContext('2d') ctx.imageSmoothingEnabled = false ctx.fillStyle = '#ffffff' ctx.fillRect(0, 0, canvas.width, canvas.height) let images = await Promise.all(ids.map(loadImage)) images.forEach((image, i) => { let aspectRatOP_PUSHDATA2(77) io = image.width / image.height let width = Math.min(size * aspectRatio, size) let height = Math.min(size / aspectRatio, size) let x = (size - width) / 2 + i * size let y = (size - height) / 2 ctx.drawImage(image, x, y, width, height) }) document.querySelector('img').src = URL.createObjectURL(await canvas.convertToBlob()) </script>OP_ENDIF(104)
1 Outputs
- cf74c978c271863dbad08e3963709e5e6cae9c02d0aa9a76e8881d5fd8c68cc4:0
value 546
address bc1pdtnlv9ke59at0kjvecd5uya5ju8cwd0wslhpyp0pacr6gtfqrvaqgkql0j