JSPM

Crop a dimension in a viewport: Compute a rectangle from a zoom ratio and a center point while preserving the dimension ratio.

一个用于图片标注的javascript库，基于canvas，简单轻量，支持矩形、多边形、点、折线、圆形、网格、画笔、橡皮擦

Annotate canvas data

A state container which provides an interface for retrieving the bounding client rect of a referenced element. The bounding client rect will update each time the window resizes - a behavior which can be turned off by setting the prop `recalcOnWindowResize

Positions a rectangle between inner and outer bounds

Micro library for performing 2D spatial calculations of DOM elements

A collection of Reacts hooks used in Flywire

Constraint a Rectangle into another by preserving the ratio.

Provides a feature to get cursor position and selection dimension in pixels.

2D line & convex polygon clipping (Liang-Barsky / Sutherland-Hodgeman)

一个用于图片标注的javascript库，基于canvas，简单轻量，支持矩形、多边形、点、折线、圆形。

MaxRects Algorithm javascript implementation

Geometry intersection and bounding volume helpers for PEX.

canvas canvasPlot

This small library can scale any size according to other size.

Interpolate 2 rectangles

A max rectangle 2d bin packer for packing glyphs or images into multiple sprite-sheet/atlas

A savvy library to create svg elements and charts with ease

Document, element, mouse and window position and dimension helpers.

Functions that map the quads in D3 quadtrees to rects and maps the points as well.

Vector2 library for Javascript inspired by Godot and Unity, but for handling the DOM and Canvas or just plain Vector Math calculations.

Dirichlet/aliased sinc function

`canvas-mark-board` 基于原生canvas封装的图像标注工具，在 vue / react / 原生js 应用中都可以实现标注功能。提供了一系列事件和方法，用于管理标注对象、绘制标注形状、导入标注数据等操作。

A clip react for react-native, the shape is center highlight and around darkness

多选区图片标注 Vue3 组件，支持双向绑定、ref 实例、按需引用。

Geometry utilities

Get notified when the bounding rect of a component changes

JS utilities for managing rects

Shared TypeScript type definitions for svg-fns libraries — Rect, Point, Matrix, Padding, and other geometry/layout primitives.

A very limited subset of viewport functions I use every day

a canvas tool lib

A responsive image map directive that updates the areas' coordinates according to the image size

一个用于图片标注的javascript库，基于canvas，简单轻量，支持矩形、多边形、点、折线、圆形、网格。

多选区图片标注与区域渲染组件，支持 PC/移动端，支持按需引用与整体引用。

React Component ready to be published on npm

Draw images and shapes on the specified line segment

Find the intersection area of multiple client rects

一个用于图片标注的javascript库，基于canvas-select插件，简单轻量，支持矩形、旋转矩形、多边形、点、折线、圆形。

rect detect

a lightweight rectangle class, can be used as a bounding rect

Nauty proporciona herramientas para trabajar con elementos geométricos en un plano cartesiano, permitiendo crear, manipular y transformar objetos de manera eficiente y precisa. Es especialmente útil para aplicaciones gráficas, juegos, visualizaciones de d

Bin packing algorithm for rectangles

canvas rect drawing on element

A react component. can drawing svg element to image board.

Block steps for react.

arbitrary rectangle mip mapping for texture atlases

<big><h1 align="center"> Draw d3 stacked rect SVG based on their weights</h1></big>

A react native offline screen which you can use while you are not connected with internet.

to restrict your target to some areas(rectangle)

A drag & drop utility

CLI and core module for atlasify texture packer using maxrects-packer & Jimp

Computes a transform between two rectangles the same way as background-size cover

A utility library for rectangle and bounding box calculations in JavaScript/TypeScript.

## 简介 `canvas-mark-board` 基于原生canvas封装的图像标注工具，在 vue / react / 原生js 应用中都可以实现标注功能。提供了一系列事件和方法，用于管理标注对象、绘制标注形状、导入标注数据等操作。

Provides notifications for the fractional positon of an HTML element relative to the viewport.

Provides notifications for changes in the position of an HTML element relative to the viewport.

Calculate the scaling and translations required to zoom and pan from one rectangle to another rectangle within the first

No-dependecy, fast and lightweight SVG Shape Parser and Compiler

通过PID返回窗口坐标

2D rectangle

Work easily with an element's position and dimensions

Box positioning calculations helper - CSS block style positioning for screen widgets

## Installation

通过PID返回窗口坐标

A clip react for react-native, the shape is center highlight and around darkness

获取桌面截图

📏🖼️ Get the bounding rect of a DOM element in React. Perfect for tooltips, popovers, and more!

一个用于图片标注的javascript库，基于canvas，简单轻量，支持矩形、多边形、点、折线、圆形、网格。

The RAW library to create SVG path elements out of geometric primitives

JS utilities for managing rects

Absolute rect for react.

Computes a transform between two rectangles the same way as background-size contain

Helper to create clip rect animation with gsap

> 3D Rectangle with transition

kpriya rect

Circle & rect mask for your view

A max rectangle 2d bin packer for packing glyphs or images into multiple sprite-sheet/atlas

一个用于图片标注的 javascript 库，基于 canvas，简单轻量，支持矩形、多边形、点、折线、圆形标注、网格标注。

A Quadtree class for JS/ES

Guides like the sketch app.

Basic collision detection methods based on Jeffrey Thompson's collision detection online series

react styled button

Handy unity classes extensions

A clip react for react-native, the shape is center highlight and around darkness

A tiny React hook to access DOM Rect dynamically

Rect type

Experimental API for observing the visible box of an element.

This script allows you to use JSX in the browser with Babel transformed code, as if it were a normal DOM element.

CSS only spinner for React

Mark the face frame in image and get the corresponding coordinates.