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

27
packages/freesewing.shared/components/workbench/draft/snippet/index.js Normal file
View file

@ -0,0 +1,27 @@
import React from 'react'
import { getProps } from '../utils'
const Snippet = (props) => {
const snippetProps = {
xlinkHref: '#' + props.snippet.def,
x: props.snippet.anchor.x,
y: props.snippet.anchor.y
}
let scale = props.snippet.attributes.get('data-scale')
let rotate = props.snippet.attributes.get('data-rotate')
if (scale || rotate) {
snippetProps.transform = ''
if (scale) {
snippetProps.transform += `translate(${snippetProps.x}, ${snippetProps.y}) `
snippetProps.transform += `scale(${scale}) `
snippetProps.transform += `translate(${snippetProps.x * -1}, ${snippetProps.y * -1}) `
}
if (rotate) {
snippetProps.transform += `rotate(${rotate}, ${snippetProps.x}, ${snippetProps.y}) `
}
}
return <use {...snippetProps} {...getProps(props.snippet)} />
}
export default Snippet