Comments (4)
What was your solution for this issue @soulos45?
from node-pureimage.
Is this bug happening to you? Could you send me a test case to reproduce it? I haven't been able to.
from node-pureimage.
Hi! Thanks for this package.
The png renders with a black background using this code fragment. I've tried running the buffer through sharp
and changing the background to rgba(255, 255, 255, 0)
before passing it into Readable.from
and it renders with a white background instead. So it looks like somewhere along the way it's losing the alpha.
const response = await fetch(url);
const buffer = Buffer.from(await response.arrayBuffer());
const stream = Readable.from(buffer);
const img = await PureImage.decodePNGFromStream(stream);
ctx.drawImage(img, x, y, w, h);
I'll see if I can sort out a demo at the weekend.
from node-pureimage.
Link to repro: https://codesandbox.io/s/node-js-test-forked-kxp643
Nav to /image
in the sandbox browser to trigger download of the generated image which I have also attached.
Note that the react icon should be transparent, not black. This demo also demonstrates a clipping issue I am experiencing which I will detail in a new ticket.
Currently working around this by passing the buffer through sharp
and applying the matching background colour before sending it to decodePNGFromStream
.
from node-pureimage.
Related Issues (20)
- Please support lineCap
- Transparent background HOT 2
- Create a virtual Canvas (without `canvas#data` object)
- Image transparency overwrites existing content
- Error: export 'make' (imported as 'PImage') was not found in 'pureimage' (module has no exports) HOT 7
- [feature request] setting the encode option (e.g. PNG compression level) HOT 4
- Can this run on the browser? HOT 2
- NPM packages are missing TypeScript types HOT 6
- make() is deprecated HOT 2
- Setting background colour on large canvas takes a LONG time HOT 3
- Error [ERR_MODULE_NOT_FOUND]: Cannot find package in version 0.4.11 HOT 4
- NPM version 0.4.11 is missing the dist folder. HOT 2
- fillText problem HOT 3
- strokeRect doesn't respect lineWidth HOT 1
- very bad performance HOT 5
- Filled counters in text HOT 2
- lineTo stops without success or error HOT 1
- Fails to import pureimage with moduleResolution: nodenext
- fillText is drawn in only one font out of many. HOT 2
- context.drawImage method "scuffs" the original image HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from node-pureimage.