Minor bug in Graphics.drawImage()

Posted on Thu 29th, October 2020

• #1

SergeP

Hi!
I've just tried to write an image to my famous clock :) and found a bug with transparent color.

var image={ width:9 , height:13 , bpp:24 ,
  buffer:Uint24Array(
[
  0x0,0x1,0x2,0x4,0x8,0x10,0x20,0x40,0x80,
  0x0,0x100,0x200,0x400,0x800,0x1000,0x2000,0x4000,0x8000,
  0,0,0,0,0,0,0,0,0,
  0,0,0,0,0,0,0,0,0,
  0x0,0x10000,0x20000,0x40000,0x80000,0x100000,0x200000,0x400000,0x800000,
]),
  transparent: 0x1,
};
gt.drawImage(image, 5, 1);
neopixel.write(pin, gt.buffer);

I expect transparent point is in first image line (I can find it even if image is mirrored because there is second color line near) but it is actually in last one. If I set transparent to 0x10000 I see transparent point in first line while expect it in last one.

• #2

Gordon

Ahh - I believe this may be related to how multi-byte pixels are interpreted in images. I think they're big endian while the Uint24Array is little endian?

Post a reply
- Bold
- Italics
- Link
- Image
- List
- Quote
- code
- Preview
Formatting Help

Don't worry about formatting, just type in the text and we'll take care of making sense of it. We will auto-convert links, and if you put asterisks around words we will make them bold.

Tips:

Create headers by underlining text with ==== or ----

To *italicise* text put one asterisk each side of the word

To **bold** text put two asterisks each side of the word

Embed images by entering:
![](https://www.google.co.uk/images/srpr/logo4w.png)
That's the hard one: exclamation, square brackets and then the URL to the image in brackets.

* Create lists by starting lines with asterisks

1. Create numbered lists by starting lines with a number and a dot

> Quote text by starting lines with >

Mention another user by @username

For syntax highlighting, surround the code block with three backticks:

```
Your code goes here
```
Just like Github, a blank line must precede a code block.

If you upload more than 5 files we will display all attachments as thumbnails.

For a full reference visit the Markdown syntax.

Minor bug in Graphics.drawImage()

About

Minor bug in Graphics.drawImage()

Actions

Minor bug in Graphics.drawImage()

Formatting Help

About

Minor bug in Graphics.drawImage()

Actions

Espruino