2.0.5 • Published 4 days ago

@antv/g-plugin-rough-svg-renderer v2.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
4 days ago

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

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

Getting started

Use g-svg and register this plugin.

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

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

// 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/utilroughjstslib@antv/g-lite@antv/g-svg
@infinitebrahmanuniverse/nolb-_antv@everything-registry/sub-chunk-71
2.0.5

4 days ago

2.0.4

16 days ago

2.0.3

1 month ago

2.0.2

1 month ago

2.0.1

1 month ago

2.0.0

2 months ago

1.9.29

2 months ago

1.9.28

2 months ago

1.9.27-next.19

2 months ago

1.9.27-next.18

2 months ago

1.9.27-next.20

2 months ago

1.9.27-next.17

2 months ago

1.9.27-next.16

2 months ago

1.9.27-next.15

2 months ago

1.9.27-next.14

2 months ago

1.9.27

3 months ago

1.9.27-next.13

3 months ago

1.9.27-next.12

3 months ago

1.9.27-next.11

3 months ago

1.9.27-next.10

3 months ago

1.9.27-next.9

3 months ago

1.9.27-next.8

3 months ago

1.9.27-next.7

4 months ago

1.9.27-next.3

4 months ago

1.9.27-next.4

4 months ago

1.9.27-next.1

4 months ago

1.9.27-next.2

4 months ago

1.9.27-next.6

4 months ago

1.9.27-next.0

4 months ago

1.9.26

4 months ago

1.9.25

5 months ago

1.9.24

6 months ago

1.9.23

6 months ago

1.9.22

6 months ago

1.9.21

6 months ago

1.9.20

6 months ago

1.9.19

6 months ago

1.9.18

7 months ago

1.9.17

7 months ago

1.9.16

8 months ago

1.9.15

9 months ago

1.9.14

9 months ago

1.9.13

9 months ago

1.9.12

9 months ago

1.9.11

9 months ago

1.9.9

9 months ago

1.9.8

9 months ago

1.9.7

10 months ago

1.9.6

10 months ago

1.9.5

10 months ago

1.9.4

10 months ago

1.9.3

10 months ago

1.9.2

10 months ago

1.9.1

11 months ago

1.9.0

11 months ago

1.8.0

11 months ago

1.8.0-beta.1

11 months ago

1.7.55

11 months ago

1.7.56

11 months ago

1.8.0-alpha.1

11 months ago

1.7.50

1 year ago

1.7.51

1 year ago

1.7.52

12 months ago

1.7.53

12 months ago

1.7.54

12 months ago

1.7.49

1 year ago

1.7.41

1 year ago

1.7.42

1 year ago

1.7.43

1 year ago

1.7.44

1 year ago

1.7.45

1 year ago

1.7.46

1 year ago

1.7.47

1 year ago

1.7.48

1 year ago

1.7.37-alpha.0

1 year ago

1.7.36

1 year ago

1.7.37

1 year ago

1.7.38

1 year ago

1.7.39

1 year ago

1.7.40

1 year ago

1.7.19

2 years ago

1.7.20

2 years ago

1.7.21

2 years ago

1.7.22

2 years ago

1.7.23

2 years ago

1.7.24

2 years ago

1.7.25

2 years ago

1.7.26

2 years ago

1.7.27

2 years ago

1.7.28

1 year ago

1.7.29

1 year ago

1.7.30

1 year ago

1.7.31

1 year ago

1.7.32

1 year ago

1.7.33

1 year ago

1.7.34

1 year ago

1.7.35

1 year ago

1.7.18

2 years ago

1.7.10

2 years ago

1.7.11

2 years ago

1.7.12

2 years ago

1.7.13

2 years ago

1.7.14

2 years ago

1.7.15

2 years ago

1.7.16

2 years ago

1.7.17

2 years ago

1.7.9

2 years ago

1.7.8

2 years ago

1.7.7

2 years ago

1.7.6

2 years ago

1.7.5

2 years ago

1.7.4

2 years ago

1.7.3

2 years ago

1.7.2

2 years ago

1.7.1

2 years ago

1.2.0

2 years ago

1.6.4

2 years ago

1.6.3

2 years ago

1.6.2

2 years ago

1.6.1

2 years ago

1.6.0

2 years ago

1.2.3

2 years ago

1.4.0

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.1.3-alpha.1

2 years ago

1.1.3-alpha.0

2 years ago

1.1.8-alpha.1

2 years ago

1.1.8-alpha.0

2 years ago

1.1.8

2 years ago

1.5.3

2 years ago

1.1.7

2 years ago

1.7.0

2 years ago

1.5.2

2 years ago

1.1.6

2 years ago

1.5.1

2 years ago

1.1.5

2 years ago

1.6.0-alpha.0

2 years ago

1.5.0

2 years ago

1.1.4

2 years ago

1.3.1

2 years ago

1.1.3

2 years ago

1.3.0

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.1-alpha.16

2 years ago

1.0.1-alpha.15

2 years ago

1.0.1-alpha.14

2 years ago

1.0.1-alpha.13

2 years ago

1.0.1-alpha.12

2 years ago

1.0.1-alpha.11

2 years ago

1.0.1-alpha.10

2 years ago

1.0.1-alpha.9

2 years ago

1.0.1-alpha.8

2 years ago

1.0.1-alpha.7

2 years ago

1.0.1-alpha.6

2 years ago

1.0.1-alpha.4

2 years ago

1.0.1-alpha.2

2 years ago

1.0.1-alpha.0

2 years ago