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.2.1

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

dcapture.js

1.1.0

A library to capture canvas-based animations at a fixed framerate

Gathering detailed insights and metrics for gif-capture-canvas

gif-capture-canvas - 1.1.0 | npmpackage.info

gif-capture-canvas

Capture a canvas with an animated gif

1.1.0

MIT

JavaScript

14.70 kB

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

67.5

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

Languages

JavaScript

TypeScript

JavaScript (86.14%)

TypeScript (13.86%)

Developer

abagames

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

21 Stars

30 Commits

2 Forks

3 Watchers

1 Branches

2 Contributors

Updated on Jan 08, 2024

Maintainers

View All 2 Contributors

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

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

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

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 2025-07-07

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