2.0.39 • Published 6 months ago

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

Weekly downloads
-
License
MIT
Repository
github
Last release
6 months 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
tslibroughjs@antv/util@antv/g-svg@antv/g-lite@babel/runtime
@infinitebrahmanuniverse/nolb-_antv@everything-registry/sub-chunk-71
2.0.19

1 year ago

2.0.26

11 months ago

2.0.27

11 months ago

2.0.24

12 months ago

2.0.25

12 months ago

2.0.22

12 months ago

2.0.23

12 months ago

2.0.20

1 year ago

2.0.21

12 months ago

2.0.28

11 months ago

2.0.29

11 months ago

2.0.37

7 months ago

2.0.38

7 months ago

2.0.35

10 months ago

2.0.36

7 months ago

2.0.33

10 months ago

2.0.34

10 months ago

2.0.31

10 months ago

2.0.32

10 months ago

2.0.30

10 months ago

2.0.39

6 months ago

2.0.18

1 year ago

2.0.17

1 year ago

2.0.15

1 year ago

2.0.16

1 year ago

2.0.14

1 year ago

2.0.14-alpha.0

1 year ago

2.0.13

1 year ago

2.0.12

1 year ago

2.0.7

1 year ago

2.0.9

1 year ago

2.0.8

1 year ago

2.0.11

1 year ago

2.0.10

1 year ago

2.0.6

1 year ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.9.29

2 years ago

1.9.28

2 years ago

1.9.27-next.19

2 years ago

1.9.27-next.18

2 years ago

1.9.27-next.20

2 years ago

1.9.27-next.17

2 years ago

1.9.27-next.16

2 years ago

1.9.27-next.15

2 years ago

1.9.27-next.14

2 years ago

1.9.27

2 years ago

1.9.27-next.13

2 years ago

1.9.27-next.12

2 years ago

1.9.27-next.11

2 years ago

1.9.27-next.10

2 years ago

1.9.27-next.9

2 years ago

1.9.27-next.8

2 years ago

1.9.27-next.7

2 years ago

1.9.27-next.3

2 years ago

1.9.27-next.4

2 years ago

1.9.27-next.1

2 years ago

1.9.27-next.2

2 years ago

1.9.27-next.6

2 years ago

1.9.27-next.0

2 years ago

1.9.26

2 years 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.55

2 years ago

1.7.56

2 years ago

1.8.0-alpha.1

2 years ago

1.7.50

3 years ago

1.7.51

3 years ago

1.7.52

2 years ago

1.7.53

2 years ago

1.7.54

2 years ago

1.7.49

3 years ago

1.7.41

3 years ago

1.7.42

3 years ago

1.7.43

3 years ago

1.7.44

3 years ago

1.7.45

3 years ago

1.7.46

3 years ago

1.7.47

3 years ago

1.7.48

3 years ago

1.7.37-alpha.0

3 years ago

1.7.36

3 years ago

1.7.37

3 years ago

1.7.38

3 years ago

1.7.39

3 years ago

1.7.40

3 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

4 years ago

1.0.1-alpha.6

4 years ago

1.0.1-alpha.4

4 years ago

1.0.1-alpha.2

4 years ago

1.0.1-alpha.0

4 years ago