Transaction aa8a45fb7fd038fbe412c4d3967c9c34e5be3c0b7a197e26c921b2ebfac1f6f9

1 Input
  • a5c7c104efdf89d07a25d6bcefe86e57bc301cee576e6f4cfede1f292cf45676:0
    OP_DATA_32(32) 45eb0ef0ad2cd7c9ce473cc13c200f2dbdf3afb1e06363407820cd624e64b6c6
    OP_CHECKSIG(172)
    OP_0(0)
    OP_IF(99)
    OP_DATA_3(3) ord
    OP_DATA_1(1) 
    OP_DATA_9(9) text/html
    OP_0(0)
    OP_PUSHDATA2(77) <!DOCTYPE html> <style> body { height: 100vh; margin: 0; display: flex } img { object-fit: contain; width: 100%; height: 100%; image-rendering: pixelated } </style> <img/> <script type="module"> let ids = ["464a9152ae5ce272e008cd39660426da26e778dc1962b773c3db08386e3beb38i0","61d2a86fd8a976e0748f4eefb664a49a45021a81256feb83e510b552542b8b1ai0","882b65c4b65d06a429c9ca031011c2b8e954e0eb29f89b84f2aac0ab1b5ea96ei0"] let canvas = new Offscreen
    OP_PUSHDATA2(77) Canvas(3000, 1000) let ctx = canvas.getContext('2d') ctx.imageSmoothingEnabled = false ctx.fillStyle = '#ffffffff' ctx.fillRect(0, 0, canvas.width, canvas.height); (await Promise.all( ids.map(id => new Promise(resolver => { let image = new Image() image.crossOrigin = 'anonymous' image.onload = () => resolver(image) image.src = `/content/${id}` })) )).forEach((image, i) => { let spacing = (3000 - 1000 * ids.length) / (ids.length + 1)
    OP_PUSHDATA2(77) let aspectRatio = image.width / image.height let width = Math.min(1000 * aspectRatio, 1000) let height = Math.min(1000 / aspectRatio, 1000) let x = (spacing + 500) + i * (1000 + spacing) - width / 2 let y = 500 - height / 2 ctx.drawImage(image, x, y, width, height) }) document.querySelector('img').src = URL.createObjectURL(await canvas.convertToBlob()) </script>
    OP_ENDIF(104)
1 Outputs
  • aa8a45fb7fd038fbe412c4d3967c9c34e5be3c0b7a197e26c921b2ebfac1f6f9:0
    • value  546
    address  bc1ppd5yvz8dektaf9962he9lqvj64vqw6eep9lh36h7syaga60hnuhsr3v2wy