2.0.20 • Published 8 months ago

@antv/g-plugin-rough-canvas-renderer v2.0.20

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

@antv/g-plugin-rough-canvas-renderer

Use rough.js(Canvas version) to render sketchy styled shapes, inspired by roughViz.

Getting started

Use g-canvas and register this plugin.

The dirty-rectangle rendering won't work in this scenario, any change on display objects will cause fullscreen re-rendering.

import { Canvas } from '@antv/g';
import { Renderer } from '@antv/g-canvas';
import { Plugin as PluginRoughCanvasRenderer } from '@antv/g-plugin-rough-canvas-renderer';

// create a renderer
const renderer = new Renderer();
renderer.registerPlugin(new PluginRoughCanvasRenderer());

// create a canvas & use `g-canvas`
const canvas = new Canvas({
  container: 'container',
  width: 600,
  height: 500,
  renderer,
});

Features

Basic shapes

  • Group
  • Circle
  • Ellipse
  • Rect, radius won't work
  • Line
  • Polyline
  • Polygon
  • Path
  • Text
  • Image

Opacity

rough.js don't support opacity now, but we can augment it with globalAlpha.

We can use opacity but not fillOpacity or strokeOpacity separately:

circle.style.opacity = 0.5;

Shadow

Shadow can also work:

circle.style.shadowColor = '#000';
circle.style.shadowBlur = 0;
circle.style.shadowOffsetX = 0;
circle.style.shadowOffsetY = 0;

Other rough.js options

https://github.com/rough-stuff/rough/wiki#options

Text & Image

Text & Image should be the same in g-plugin-canvas-renderer.

Picking

Maybe it's not necessary to pick target in a precise way.

antvg
@antv/util@babel/runtimeroughjstslib@antv/g-canvas@antv/g-lite
@infinitebrahmanuniverse/nolb-_antv@everything-registry/sub-chunk-71
2.0.20

8 months ago

2.0.19

8 months ago

2.0.17

8 months ago

2.0.18

8 months ago

2.0.16

8 months ago

2.0.16-alpha.0

8 months ago

2.0.15

9 months ago

2.0.13

10 months ago

2.0.14

9 months ago

2.0.7

1 year ago

2.0.6

1 year ago

2.0.9

12 months ago

2.0.8

1 year ago

2.0.11

11 months ago

2.0.12

10 months ago

2.0.10

11 months ago

2.0.5

1 year ago

2.0.4

1 year ago

2.0.3

1 year ago

2.0.2

1 year ago

2.0.1

1 year ago

2.0.0

1 year ago

1.9.29

1 year ago

1.9.28

1 year ago

1.9.27-next.19

1 year ago

1.9.27-next.18

1 year ago

1.9.27-next.20

1 year ago

1.9.27-next.17

1 year ago

1.9.27-next.16

1 year ago

1.9.27-next.15

1 year ago

1.9.27-next.14

1 year ago

1.9.27

1 year ago

1.9.27-next.13

1 year ago

1.9.27-next.12

1 year ago

1.9.27-next.11

1 year ago

1.9.27-next.10

1 year ago

1.9.27-next.9

1 year ago

1.9.27-next.8

1 year ago

1.9.27-next.7

1 year ago

1.9.27-next.3

1 year ago

1.9.27-next.4

1 year ago

1.9.27-next.1

1 year ago

1.9.27-next.2

1 year ago

1.9.27-next.6

1 year ago

1.9.27-next.0

1 year ago

1.9.26

1 year ago

1.9.25

2 years ago

1.9.24

2 years ago

1.9.23

2 years ago

1.9.22

2 years ago

1.9.21

2 years ago

1.9.20

2 years ago

1.9.19

2 years ago

1.9.18

2 years ago

1.9.17

2 years ago

1.9.16

2 years ago

1.9.15

2 years ago

1.9.14

2 years ago

1.9.13

2 years ago

1.9.12

2 years ago

1.9.11

2 years ago

1.9.9

2 years ago

1.9.8

2 years ago

1.9.7

2 years ago

1.9.6

2 years ago

1.9.5

2 years ago

1.9.4

2 years ago

1.9.3

2 years ago

1.9.2

2 years ago

1.9.1

2 years ago

1.9.0

2 years ago

1.8.0

2 years ago

1.8.0-beta.1

2 years ago

1.7.53

2 years ago

1.7.54

2 years ago

1.8.0-alpha.1

2 years ago

1.7.50

2 years ago

1.7.51

2 years ago

1.7.52

2 years ago

1.7.48

2 years ago

1.7.49

2 years ago

1.7.41

2 years ago

1.7.42

2 years ago

1.7.43

2 years ago

1.7.44

2 years ago

1.7.45

2 years ago

1.7.46

2 years ago

1.7.47

2 years ago

1.7.37-alpha.0

2 years ago

1.7.36

2 years ago

1.7.37

2 years ago

1.7.38

2 years ago

1.7.39

2 years ago

1.7.40

2 years ago

1.7.19

3 years ago

1.7.20

3 years ago

1.7.21

3 years ago

1.7.22

3 years ago

1.7.23

3 years ago

1.7.24

3 years ago

1.7.25

3 years ago

1.7.26

3 years ago

1.7.27

3 years ago

1.7.28

3 years ago

1.7.29

3 years ago

1.7.30

3 years ago

1.7.31

3 years ago

1.7.32

3 years ago

1.7.33

3 years ago

1.7.34

3 years ago

1.7.35

3 years ago

1.7.18

3 years ago

1.7.10

3 years ago

1.7.11

3 years ago

1.7.12

3 years ago

1.7.13

3 years ago

1.7.14

3 years ago

1.7.15

3 years ago

1.7.16

3 years ago

1.7.17

3 years ago

1.7.9

3 years ago

1.7.8

3 years ago

1.7.7

3 years ago

1.7.6

3 years ago

1.7.5

3 years ago

1.7.4

3 years ago

1.7.3

3 years ago

1.7.2

3 years ago

1.7.1

3 years ago

1.2.0

3 years ago

1.6.4

3 years ago

1.6.3

3 years ago

1.6.2

3 years ago

1.6.1

3 years ago

1.6.0

3 years ago

1.2.3

3 years ago

1.4.0

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago

1.1.3-alpha.1

3 years ago

1.1.3-alpha.0

3 years ago

1.1.8-alpha.1

3 years ago

1.1.8-alpha.0

3 years ago

1.1.8

3 years ago

1.5.3

3 years ago

1.1.7

3 years ago

1.7.0

3 years ago

1.5.2

3 years ago

1.1.6

3 years ago

1.5.1

3 years ago

1.1.5

3 years ago

1.6.0-alpha.0

3 years ago

1.5.0

3 years ago

1.1.4

3 years ago

1.3.1

3 years ago

1.1.3

3 years ago

1.3.0

3 years ago

1.1.2

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.1-alpha.16

3 years ago

1.0.1-alpha.15

3 years ago

1.0.1-alpha.14

3 years ago

1.0.1-alpha.13

3 years ago

1.0.1-alpha.12

3 years ago

1.0.1-alpha.11

3 years ago

1.0.1-alpha.10

3 years ago

1.0.1-alpha.9

3 years ago

1.0.1-alpha.8

3 years ago

1.0.1-alpha.7

3 years ago

1.0.1-alpha.6

3 years ago

1.0.1-alpha.4

3 years ago

1.0.1-alpha.2

3 years ago

1.0.1-alpha.0

3 years ago