npmpackage.info

Gathering detailed insights and metrics for ef-infinite-canvas

ef-infinite-canvas - 0.6.8 | npmpackage.info

ef-infinite-canvas

an infinite version of the html canvas

0.6.8

134

MIT

TypeScript

32.14 kB

64,006 3.7

Installations

npm install ef-infinite-canvas

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

20.15.0

NPM Version

10.7.0 Pull Requests

Open

1

Total

52

Closed

7

Merged

44

Issues

Open

1

Total

11

Closed

10

Releases

v0.6.8

Updated on May 17, 2025

v0.6.7

Updated on Oct 05, 2024

v0.6.6

Updated on May 14, 2024

v0.6.5

Updated on Apr 13, 2024

v0.6.4

Updated on Feb 23, 2024

v0.6.3

Updated on Jan 19, 2024

View All 19 releases

Languages

TypeScript

JavaScript

Vue

HTML

CSS

Dockerfile

TypeScript (94.93%)

JavaScript (4.29%)

Vue (0.57%)

HTML (0.14%)

CSS (0.05%)

Dockerfile (0.02%)

Developer

emilefokkema

Download Statistics

Total Downloads

64,006

Last Day

162

Last Week

1,038

Last Month

2,284

Last Year

23,002

GitHub Statistics

MIT License

134 Stars

319 Commits

10 Forks

5 Watchers

4 Branches

1 Contributors

Updated on May 17, 2025

Bundle Size

160.87 kB

Minified

32.14 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

0.6.8

Package Id

ef-infinite-canvas@0.6.8

Unpacked Size

411.43 kB

Size

83.98 kB

File Count

NPM Version

10.7.0

Node Version

20.15.0

Published on

May 17, 2025

Total Downloads

Cumulative downloads

Total Downloads

64,006

Last Day

88.4%

162

Compared to previous day

Last Week

273.4%

1,038

Compared to previous week

Last Month

-11.6%

2,284

Compared to previous month

Last Year

-9.6%

23,002

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

InfiniteCanvas

project page

About

InfiniteCanvas wraps an HTML5 <canvas> element and allows the user to zoom, pan and rotate the contents of the canvas. Content can be drawn on the canvas using the CanvasRenderingContext2D that is returned by InfiniteCanvas's getContext method.

1var canvasElement = document.getElementById("canvas");
2var infiniteCanvas = new InfiniteCanvas(canvasElement);
3var context = infiniteCanvas.getContext("2d");

InfiniteCanvas has no dependencies that are not devDependencies.

Installation

Include InfiniteCanvas in your web page:

1<script src="https://cdn.jsdelivr.net/npm/ef-infinite-canvas@0.6.8/dist/infinite-canvas.umd.cjs"></script>

or install it using npm:

npm install ef-infinite-canvas

Build

npm run build

Test

Testing InfiniteCanvas happens on two levels. One level is the jest tests that are run using

npm run test

The other level of testing happens by (first running npm run build and then) running

npm run test-e2e

which will start a server that serves pages in which InfiniteCanvas is used, and which will then run jest tests that use Puppeteer to manipulate those pages and jest-image-snapshot to compare screenshots.

Local development

First run npm run dev-app:build once. Then npm run dev will run an app that displays all manner of use cases for InfiniteCanvas, served by Vite.

Even though not much has happened in this repository lately, I have not forgotten about it. Quite to the contrary, there are a lot more features I'm planning to add in the not-too-distant future.

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.

5

Maintained

Determines if the project is "actively maintained".

3

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

1

Pinned-Dependencies

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

Reason

dependency not pinned by hash detected -- score normalized to 1

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/publish-docs.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-ci-snapshots.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/emilefokkema/infinite-canvas/update-ci-snapshots.yml/master?enable=pin
Warn: containerImage not pinned by hash: .gitpod.dockerfile:1: pin your Docker image by updating gitpod/workspace-full to gitpod/workspace-full@sha256:d183a8aef7d9fdf4d727895c9ec7678b4e5b0e912ddad4b264a2fb84ffec572e
Info: 0 out of 10 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 1 containerImage dependencies pinned
Info: 2 out of 2 npmCommand dependencies pinned

0

Code-Review

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

0

Token-Permissions

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

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

SAST

Determines if the project uses static code analysis.

Score

3.7

/10

Last Scanned on 2025-05-19

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

ef-infinite-canvas

Installations

Developer Guide

Yes

ESM

20.15.0

10.7.0

Pull Requests

1

52

7

44

Issues

1

11

10

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

160.87 kB

32.14 kB

Maintainers

Package Meta Information

Total Downloads

64,006

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

InfiniteCanvas

About

Installation

Build

Test

Local development

10

10

10

5

3

1

0

0

0

0

0

0

3.7

/10