VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(fs.lab): LabDraft component

Browse source
This commit is contained in:
Joost De Cock 2022-01-25 11:22:09 +01:00
parent 83ee572a36
commit 82c4242088
11 changed files with 443 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
packages/freesewing.shared/components/workbench/draft/text-on-path/index.js Normal file
View file

@ -0,0 +1,25 @@
const TextOnPath = (props) => {
const text = []
// Handle translation
let translated = ''
for (let string of props.path.attributes.getAsArray('data-text')) {
translated += props.app.t(string).replace(/"/g, '"') + ' '
}
const textPathProps = {
xlinkHref: '#' + props.pathId,
startOffset: '0%'
}
const align = props.path.attributes.get('data-text-class')
if (align && align.indexOf('center') > -1) textPathProps.startOffset = '50%'
else if (align && align.indexOf('right') > -1) textPathProps.startOffset = '100%'
return (
<text>
<textPath {...textPathProps}>
<tspan {...props.path.attributes.asPropsIfPrefixIs('data-text-')}>{translated}</tspan>
</textPath>
</text>
)
}
export default TextOnPath