npmpackage.info

Gathering detailed insights and metrics for blueimp-canvastoblob

Other packages similar to blueimp-canvastoblob

blueimp_canvastoblob

1.0.0

JavaScript Canvas to Blob is a function to convert canvas elements into Blob objects (working for npm)

Gathering detailed insights and metrics for blueimp-canvastoblob

blueimp-canvastoblob - 2.1.0 | npmpackage.info

blueimp-canvastoblob

JavaScript Canvas to Blob is a function to convert canvas elements into Blob objects.

2.1.0

1,475

MIT

JavaScript

589.00 B

198,459 2.6

Installations

npm install blueimp-canvastoblob

Developer Guide

BETA

Typescript

No

Module System

CommonJS

NPM Version

1.4.9 Pull Requests

Open

0

Total

19

Closed

11

Merged

8

Issues

Open

2

Total

15

Closed

13

Releases

Unable to fetch releases

Languages

JavaScript

HTML

Shell

JavaScript (91.01%)

HTML (7.01%)

Shell (1.98%)

Developer

blueimp

Download Statistics

Total Downloads

198,459

Last Day

120

Last Week

499

Last Month

2,776

Last Year

48,029

GitHub Statistics

MIT License

1,475 Stars

151 Commits

395 Forks

66 Watchers

2 Branches

8 Contributors

Updated on May 04, 2025

Bundle Size

1.13 kB

Minified

589.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 8 Contributors

Package Meta Information

Latest Version

2.1.0

Package Id

blueimp-canvastoblob@2.1.0

Size

5.43 kB

NPM Version

1.4.9

Published on

Aug 18, 2014

Total Downloads

Cumulative downloads

Total Downloads

198,459

Last Day

900%

120

Compared to previous day

Last Week

-4.2%

499

Compared to previous week

Last Month

-34.6%

2,776

Compared to previous month

Last Year

-7%

48,029

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

grunt grunt-contrib-uglify grunt-contrib-jshint grunt-bump-build-git grunt-mocha expect.js

JavaScript Canvas to Blob

Description

Canvas to Blob is a polyfill for the standard JavaScript canvas.toBlob method.

It can be used to create Blob objects from an HTML canvas element.

Usage

Include the (minified) JavaScript Canvas to Blob script in your HTML markup:

1<script src="js/canvas-to-blob.min.js"></script>

Then use the canvas.toBlob() method in the same way as the native implementation:

1var canvas = document.createElement('canvas'); 
2/* ... your canvas manipulations ... */
3if (canvas.toBlob) {
4    canvas.toBlob(
5        function (blob) {
6            // Do something with the blob object,
7            // e.g. creating a multipart form for file uploads:
8            var formData = new FormData();
9            formData.append('file', blob, fileName);
10            /* ... */
11        },
12        'image/jpeg'
13    );
14}

Requirements

The JavaScript Canvas to Blob function has zero dependencies.

However, Canvas to Blob is a very suitable complement to the JavaScript Load Image function.

API

In addition to the canvas.toBlob polyfill, the JavaScript Canvas to Blob script provides one additional function called dataURLtoBlob, which is added to the global window object if no AMD loader is used to load the script:

1// 80x60px GIF image (color black, base64 data):
2var b64Data = 'R0lGODdhUAA8AIABAAAAAP///ywAAAAAUAA8AAACS4SPqcvtD6' +
3        'OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofE' +
4        'ovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5PKsAAA7',
5    imageUrl = 'data:image/gif;base64,' + b64Data,
6    blob = window.dataURLtoBlob && window.dataURLtoBlob(imageUrl);

Browsers

The following browsers support either the native or the polyfill canvas.toBlob() method:

Desktop browsers

Google Chrome (see Chromium issue #67587)
Apple Safari 6.0+ (see Mozilla issue #648610)
Mozilla Firefox 4.0+
Microsoft Internet Explorer 10.0+

Mobile browsers

Apple Safari Mobile on iOS 6.0+
Google Chrome on iOS 6.0+
Google Chrome on Android 4.0+

Test

JavaScript Canvas to Blob Test

License

The JavaScript Canvas to Blob script is released under the MIT license.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

1

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

2.6

/10

Last Scanned on 2025-05-05

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More