@kcuf/canvas-marking NPM | npm.io

0.5.33 • Published 10 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

10 months ago

@kcuf/canvas-marking

基于 <canvas> 的图片标注。

How to Use

准备一个空的容器节点 dom
new CanvasMarking(dom, options)

CanvasMarking 会在容器内部创建一个绝对定位并占满容器的 DOM，已实现大小自适应，因此会为容器添加样式 position: relative; overflow: hidden;。

之所以内部使用绝对定位，而非采用 height: 100% 是因为后者只有在容器有可计算的高度时（即在样式中明确定义 height）才能够生效。

推荐开发者为容器使用 Flex 布局 flex: 1，使其能够占满某个区域并自适应，除此之外，尽量不要附加其他样式。

参考

https://github.com/wanglin2/markjs

debug lodash uuid @kcuf/canvas-helper @kcuf/geometry-basic @kcuf/mere-color @kcuf/subscribable

@kcuf/canvas-marking-react-headless

11 months ago

11 months ago

1 year ago

1 year ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

11 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago