svg2marker
v0.1.3
Published
Parse SVG path to G/Marker path array
Downloads
653
Readme
svg2marker
Convert SVG icon to G/Marker register
Usage
对g2 3.x开源版本
import { G } from '@antv/g2';
import svg2marker from '@alipay/svg2marker';
import plus from './icons/plus.svg'
// 注册 plus symbol
G.Marker.Symbols['plus'] = svg2marker(plus);
// 绘制 svg
container.addShape('Marker', {
attrs: {
symbol: 'plus',
x: 10,
y: 10,
r: 10
}
});
对g2 4.x TS版本
import { G } from '@antv/g2';
import svg2marker from '@alipay/svg2marker';
import plus from './icons/plus.svg';
// 注册 plus symbol
G.Marker.symbolsFactory.register('rise', svg2marker(plus));
// 绘制 svg
container.addShape('Marker', {
attrs: {
symbol: 'plus',
x: 10,
y: 10,
r: 10
}
});
FAQ
- 为什么报错
${symbol} marker is not supported.
?
因为注册的G和绘图的G不一致导致的,应该改为同一个G引用
import { G } from '@antv/g6';
import { G } from '@antv/g2';
LICENSE
MIT