2.0.44 • Published 5 months ago

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

Weekly downloads
-
License
MIT
Repository
github
Last release
5 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

Plugin Options

When initializing the plugin, you can pass the following options:

export interface RoughCanvasRendererPluginOptions {
    // is element rough render
    roughRendering?: boolean | ((value: DisplayObject) => boolean);
}

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-lite@antv/g-canvas@babel/runtime
@infinitebrahmanuniverse/nolb-_antv@everything-registry/sub-chunk-71
2.0.26

11 months ago

2.0.27

11 months ago

2.0.24

11 months ago

2.0.25

11 months ago

2.0.22

12 months ago

2.0.23

11 months ago

2.0.21

12 months ago

2.0.28

11 months ago

2.0.29

11 months ago

2.0.37

10 months ago

2.0.38

9 months ago

2.0.35

10 months ago

2.0.36

10 months ago

2.0.33

10 months ago

2.0.34

10 months ago

2.0.31

11 months ago

2.0.32

11 months ago

2.0.30

11 months ago

2.0.39

9 months ago

2.0.44

5 months ago

2.0.42

6 months ago

2.0.43

5 months ago

2.0.40

8 months ago

2.0.41

6 months ago

2.0.20

12 months ago

2.0.19

12 months ago

2.0.17

12 months ago

2.0.18

12 months ago

2.0.16

12 months ago

2.0.16-alpha.0

12 months ago

2.0.15

1 year ago

2.0.13

1 year ago

2.0.14

1 year ago

2.0.7

1 year ago

2.0.6

1 year ago

2.0.9

1 year ago

2.0.8

1 year ago

2.0.11

1 year ago

2.0.12

1 year ago

2.0.10

1 year ago

2.0.5

1 year ago

2.0.4

1 year ago

2.0.3

1 year 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.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

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.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

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