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

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

Get bounding rect of SVG shape elements.

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

2D / 3D closest point / proximity helpers

2D/3D shape intersection checks

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

Math library inspired by Google Closure library

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

Rounded canvas rectangles

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

Positions a rectangle between inner and outer bounds

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

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

Constraint a Rectangle into another by preserving the ratio.

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

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

Geometry intersection and bounding volume helpers for PEX.

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

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

Annotate canvas data

MaxRects Algorithm javascript implementation

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

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

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

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

Interpolate 2 rectangles

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

A collection of Reacts hooks used in Flywire

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

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

Dirichlet/aliased sinc function

JS utilities for managing rects

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

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

Get notified when the bounding rect of a component changes

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

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

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

Micro library for performing 2D spatial calculations of DOM elements

Find the intersection area of multiple client rects

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

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

React Component ready to be published on npm

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

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

Block steps for react.

Bin packing algorithm for rectangles

a canvas tool lib

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

A drag & drop utility

Geometry utilities

arbitrary rectangle mip mapping for texture atlases

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

canvas canvasPlot

A very limited subset of viewport functions I use every day

A savvy library to create svg elements and charts with ease

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

## Installation

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

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

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

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

to restrict your target to some areas(rectangle)

Draw images and shapes on the specified line segment

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

JS utilities for managing rects

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

Work easily with an element's position and dimensions

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

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

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

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

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

> 3D Rectangle with transition

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

Circle & rect mask for your view

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

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

canvas rect drawing on element

A Quadtree class for JS/ES

## Installation

2D rectangle

Helper to create clip rect animation with gsap

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

Experimental API for observing the visible box of an element.

Absolute rect for react.

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

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

获取桌面截图

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

A tiny React hook to access DOM Rect dynamically

通过PID返回窗口坐标

Rect type

Guides like the sketch app.

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

kpriya rect

CSS only spinner for React

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

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

react styled button

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

通过PID返回窗口坐标

Handy unity classes extensions

rect detect