Search results

element-box

Work easily with an element's position and dimensions

• Element
• HTMLElement
• DOM
• getBoundingClientRect()
• rect
• offsetWidth
• offsetHeight
• border
• padding
• margin
• width
• height
• top
• left
• View more

astoilkov

published 1.0.1 • 6 months agopublished 1.0.1 6 months ago

q43

A Quadtree class for JS/ES

• quadtree
• tree
• quad
• bounds
• aabb
• axisaligned
• boundary
• box
• rect
• graph
• space

lxsmnsyc

published 2.1.0 • 6 years agopublished 2.1.0 6 years ago

@anthood/crc

React Component ready to be published on npm

• frontend
• typescript
• boilerplate
• package generator
• npm
• rect

anthood

published 0.0.5 • 5 months agopublished 0.0.5 5 months ago

mskalign-canvas

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

• canvas
• marker
• annotation
• rect
• polygon
• dot
• line
• circle
• 标注
• 矩形
• 多边形
• 点
• 折线
• 圆

jerichoding

published 2.19.3 • 2 days agopublished 2.19.3 2 days ago

@thi.ng/geom-isec

2D/3D shape intersection checks

• 2d
• 3d
• bbox
• circle
• geometry
• intersection
• line
• ray
• rect
• sphere
• typescript

thi.ng

published 3.1.0 • a month agopublished 3.1.0 a month ago

canvas-mark-board

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

• canvas
• canvas-mark
• mark
• board
• react
• vue
• vue-mark
• mark-board
• mark-tool
• img-mark
• drawing
• rect
• polygon
• line

zhuguibiao

published 0.0.1-beta.5 • 5 months agopublished 0.0.1-beta.5 5 months ago

@thi.ng/geom-closest-point

2D / 3D closest point / proximity helpers

• 2d
• 3d
• bbox
• circle
• distance
• ellipse
• geometry
• line
• points
• polygon
• polyline
• proximity
• rect
• typescript

thi.ng

published 2.1.127 • a month agopublished 2.1.127 a month ago

box-sizing

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

• box
• rect
• window
• positioning
• resize
• calculation

hash-bang

published 1.0.1 • 8 years agopublished 1.0.1 8 years ago

@thi.ng/geom-clip-poly

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

• 2d
• bbox
• clipping
• convex
• geometry
• grainer-hormann
• graphics
• offset
• polygon
• rect
• sutherland-hodgeman
• typescript

thi.ng

published 2.1.131 • a month agopublished 2.1.131 a month ago

@thi.ng/text-canvas

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

• 4bit
• 8bit
• 16bit
• 24bit
• ansi
• array
• ascii
• bars
• binary
• bitmap
• blit
• braille
• canvas
• circle
• View more

thi.ng

published 3.0.23 • a month agopublished 3.0.23 a month ago

rects-bin-pack

MaxRects Algorithm javascript implementation

• MaxRectsBinPack
• MaxRects
• pack
• rect
• texture

06wj

published 0.1.3 • 6 years agopublished 0.1.3 6 years ago

boxpack

Bin packing algorithm for rectangles

• box
• bin
• pack
• rect

munro

published 0.1.0 • 12 years agopublished 0.1.0 12 years ago

@zag-js/rect-utils

## Installation

• js
• utils
• rect

segunadebayo

published 0.56.1 • a day agopublished 0.56.1 a day ago

@thi.ng/rasterize

2D shape drawing & rasterization

• 2d
• bitmap
• circle
• clipping
• draw
• floodfill
• grid
• line
• pattern
• shape
• rect
• typescript

thi.ng

published 1.0.102 • a month agopublished 1.0.102 a month ago

@concord-consortium/text-decorator

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

• text
• decoration
• text-decorator
• html
• rect
• parse

piotrjanik

published 1.0.2 • 5 years agopublished 1.0.2 5 years ago

@taufik-nurrohman/text-editor.rect

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

• axis
• editor
• extension
• offset
• range
• rect
• selection
• size
• text

taufik-nurrohman

published 4.0.2 • 4 months agopublished 4.0.2 4 months ago

fd-rect

2D rectangle

• math
• 2d
• geometry
• rectangle
• rect

jaz303

published 1.0.0 • 10 years agopublished 1.0.0 10 years ago

maxrects-packer

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

• spritesheet
• atlas
• bin
• pack
• max
• rect

soimy

published 2.7.3 • 2 years agopublished 2.7.3 2 years ago

canvas-labeler

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

• canvas
• marker
• annotation
• rect
• polygon
• dot
• line
• circle
• label
• image
• 标记
• 标注
• 矩形
• 多边形
• View more

oozm

published 0.0.3 • 2 months agopublished 0.0.3 2 months ago

@thi.ng/geom-sdf

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

• 2d
• arc
• circle
• bezier
• conversion
• distance
• field
• geometry
• line
• rect
• sdf
• shape
• typescript

thi.ng

published 0.4.1 • a month agopublished 0.4.1 a month ago