JSPM

```sh yarn add @zag-js/geometry # or npm i @zag-js/geometry ```

Parse any input rectangle format

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

A drag & drop utility

Cross-browser `getBoundingClientRect()` for all Node types

Get the current viewport position of target window

2D / 3D closest point / proximity helpers

2D/3D shape intersection checks

Turns SVG shapes (polygon, polyline, rect, g) into SVG paths. It can merge groups and apply transforms.

Package for encoding / decoding images, transforming images, applying filters, drawing primitives on images on the client side (no need for server Node.js)

A handy package to get the bounds of the current text selection in a textarea element

Rounded canvas rectangles

Get bounding rect of SVG shape elements.

2D polygon clipping / offsetting (Sutherland-Hodgeman, Grainer-Hormann)

Math library inspired by Google Closure library

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

The TextDecorator library provides text decoration capabilities for HTML and React apps

Text based canvas, drawing, plotting, tables with arbitrary formatting (incl. ANSI/HTML)

Constraint a Rectangle into another by preserving the ratio.

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

Headless 2D shape drawing, filling & rasterization for arbitrary targets/purposes (no canvas required)

Positions a rectangle between inner and outer bounds

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

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

2D Signed Distance Field creation from @thi.ng/geom shapes, conversions, sampling, combinators

A collection of Reacts hooks used in Flywire

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

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

MaxRects Algorithm javascript implementation

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

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

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

Geometry intersection and bounding volume helpers for PEX.

Interpolate 2 rectangles

canvas canvasPlot

Micro library for performing 2D spatial calculations of DOM elements

Get notified when the bounding rect of a component changes

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

Find the intersection area of multiple client rects

Dirichlet/aliased sinc function

JS utilities for managing rects

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

A drag & drop utility

Bin packing algorithm for rectangles

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

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

A very limited subset of viewport functions I use every day

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

A savvy library to create svg elements and charts with ease

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

Annotate canvas data

a canvas tool lib

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

Geometry utilities

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

Block steps for react.

Draw images and shapes on the specified line segment

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

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

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

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

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

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

Helper to create clip rect animation with gsap

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

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

Work easily with an element's position and dimensions

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

arbitrary rectangle mip mapping for texture atlases

获取桌面截图

JS utilities for managing rects

to restrict your target to some areas(rectangle)

rect detect

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

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

2D rectangle

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

Guides like the sketch app.

React Component ready to be published on npm

Circle & rect mask for your view

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

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

Experimental API for observing the visible box of an element.

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

> 3D Rectangle with transition

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

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

A Quadtree class for JS/ES

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

## Installation

A tiny React hook to access DOM Rect dynamically

CSS only spinner for React

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

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

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

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

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

Rect type

kpriya rect

通过PID返回窗口坐标

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

canvas rect drawing on element

react styled button

通过PID返回窗口坐标

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

Absolute rect for react.

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

Handy unity classes extensions

## Installation