Comments (2)
var fs = require('fs');
var PImage = require('pureimage');
var img1 = PImage.make(100,50);
var context = img.getContext('2d')
context.clearRect(0, 0, 100,50)
PImage.encodePNGToStream(img1, fs.createWriteStream('out.png')).then(()=> {
console.log("wrote out the png file to out.png");
}).catch((e)=>{
console.log("there was an error writing");
});
You need to add a clearRect and then also set to same height and width of your canvas.
from node-pureimage.
You are right. According to the spec a canvas is transparent by default. I've confirmed this experimentally as well.
I've just pushed back a change which makes the bitmap be clear by default. This should automatically work with exported PNGs as well.
Note that the spec also indicates you can create an opaque canvas by passing an option to getContext(). We should support this in the future.
https://html.spec.whatwg.org/multipage/canvas.html#the-canvas-element
from node-pureimage.
Related Issues (20)
- ctx.restore() doesn't appear to clear clipping region. HOT 4
- support reading large files HOT 3
- transforms not taking effect for fillRect and drawImage? HOT 7
- drawImage. RangeError: Maximum call stack size exceeded HOT 2
- pngjs outdated causing deprecation warning HOT 1
- [feature] createConicGradient missing
- Path is distorted
- 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
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.