Skip to content

Commit

Permalink
feat(arcs): move canvas helpers to scoped directories
Browse files Browse the repository at this point in the history
plouc committed Dec 18, 2020

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
1 parent c1bfd51 commit f0d9d19
Showing 6 changed files with 23 additions and 21 deletions.
18 changes: 18 additions & 0 deletions packages/arcs/src/arc_labels/canvas.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import { CompleteTheme } from '@nivo/core'
import { DatumWithArcAndColor } from '../types'
import { ArcLabel } from './useArcLabels'

export const drawCanvasArcLabels = <Datum extends DatumWithArcAndColor>(
ctx: CanvasRenderingContext2D,
labels: ArcLabel<Datum>[],
theme: CompleteTheme
) => {
ctx.textAlign = 'center'
ctx.textBaseline = 'middle'
ctx.font = `${theme.labels.text.fontSize}px ${theme.labels.text.fontFamily}`

labels.forEach(label => {
ctx.fillStyle = label.textColor
ctx.fillText(`${label.label}`, label.x, label.y)
})
}
1 change: 1 addition & 0 deletions packages/arcs/src/arc_labels/index.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
export * from './ArcLabelsLayer'
export * from './canvas'
export * from './props'
export * from './useArcLabels'
Original file line number Diff line number Diff line change
@@ -3,24 +3,8 @@ import {
textPropsByEngine,
CompleteTheme,
} from '@nivo/core'
import { DatumWithArcAndColor } from './types'
import { ArcLabel } from './arc_labels'
import { ArcLinkLabel } from './links'

export const drawCanvasArcLabels = <Datum extends DatumWithArcAndColor>(
ctx: CanvasRenderingContext2D,
labels: ArcLabel<Datum>[],
theme: CompleteTheme
) => {
ctx.textAlign = 'center'
ctx.textBaseline = 'middle'
ctx.font = `${theme.labels.text.fontSize}px ${theme.labels.text.fontFamily}`

labels.forEach(label => {
ctx.fillStyle = label.textColor
ctx.fillText(`${label.label}`, label.x, label.y)
})
}
import { DatumWithArcAndColor } from '../types'
import { ArcLinkLabel } from '../links'

export const drawCanvasArcLinkLabels = <Datum extends DatumWithArcAndColor>(
ctx: CanvasRenderingContext2D,
1 change: 1 addition & 0 deletions packages/arcs/src/arc_link_labels/index.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
export * from './ArcLinkLabelsLayer'
export * from './canvas'
export * from './props'
export * from './useArcLinkLabelsTransition'
1 change: 0 additions & 1 deletion packages/arcs/src/index.ts
Original file line number Diff line number Diff line change
@@ -4,7 +4,6 @@ export * from './ArcShape'
export * from './ArcsLayer'
export * from './arcTransitionMode'
export * from './boundingBox'
export * from './canvas'
export * from './centers'
export * from './interactivity'
export * from './interpolateArc'
3 changes: 1 addition & 2 deletions packages/sunburst/src/SunburstLabels.tsx
Original file line number Diff line number Diff line change
@@ -3,9 +3,8 @@ import {
// @ts-ignore
midAngle,
// @ts-ignore
positionFromAngle,
// @ts-ignore
getLabelGenerator,
positionFromAngle,
radiansToDegrees,
useTheme,
useMotionConfig,

0 comments on commit f0d9d19

Please sign in to comment.