npmpackage.info

Gathering detailed insights and metrics for gif-capture-canvas

Other packages similar to gif-capture-canvas

canvas-capture

2.1.1

Record the canvas as an image, mp4 video, or gif from the browser

canvas-record

5.1.0

Record a video in the browser or directly on the File System from a canvas (2D/WebGL/WebGPU) as MP4, WebM, MKV, GIF, PNG/JPG Sequence using WebCodecs and wasm when available.

canvas-capture-no-gif

2.0.2

Record the canvas as an image, mp4 video, or gif from the browser

Gathering detailed insights and metrics for gif-capture-canvas

gif-capture-canvas

Capture a canvas with an animated gif

1.1.0

MIT

JavaScript

4.42 kB

41,530 3

Installations

npm install gif-capture-canvas

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.13.0

NPM Version

6.13.6 Score

68.1

Supply Chain

Quality

75.2

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

1

Closed

0

Merged

1

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 2 contributors

Languages

JavaScript

TypeScript

JavaScript (86.14%)

TypeScript (13.86%)

Developer

abagames

Download Statistics

Total Downloads

41,530

Last Day

Last Week

169

Last Month

788

Last Year

13,699

GitHub Statistics

21 Stars

30 Commits

2 Forks

4 Watching

1 Branches

2 Contributors

Bundle Size

10.09 kB

Minified

4.42 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.1.0

Package Id

gif-capture-canvas@1.1.0

Unpacked Size

14.70 kB

Size

6.69 kB

File Count

NPM Version

6.13.6

Node Version

12.13.0

Total Downloads

Cumulative downloads

Total Downloads

41,530

Last day

-41.7%

Compared to previous day

Last week

-7.7%

169

Compared to previous week

Last month

-15.1%

788

Compared to previous month

Last year

26.7%

13,699

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

awesome-typescript-loader typescript webpack webpack-cli webpack-serve

Versions

gif-capture-canvas

Capture a canvas with an animated gif (using jsgif).

Demo

Usage

Include build/index.js script or install from npm.

% npm i gif-capture-canvas

Capture HTMLCanvasElement in a requestAnimationFrame loop.

see: src/samples/lineart.ts

1// capture the canvas
2gcc.capture(canvas);

Push the capturing key (default: 'C') to output an animated gif.

Configuration

1// set options (default values are shown below)
2gcc.setOptions({
3  scale: 0.5,
4  durationSec: 3,
5  keyCode: 67, // 'C'
6  capturingFps: 20,
7  appFps: 60,
8  isAppendingImgElement: true,
9  quality: 10,
10  downloadFileName: null,
11  isSmoothingEnabled: true
12});

No vulnerabilities found.

10

Binary-Artifacts

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

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

0

Code-Review

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

0

Maintained

Determines if the project is "actively maintained".

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.

0

SAST

Determines if the project uses static code analysis.

Score

3

/10

Last Scanned on 2024-12-23

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