도장 및 서명을 svg 형태로 생성하기 위한 라이브러리 입니다.
$ npm install --save sign-generator
file 형태의 폰트를 사용해야 하기 때문에 express 서버에서 사용하는 것을 권장합니다.
const { createSign, createStamp } = require('sign-generator');
// SIGN ES6
try {
const fonts = ['PINYON_EN', 'PARISIENNE_EN', 'PETITFORMAL_EN'].map(value => `fonts/${value}.ttf`); // ttf file path
const signItems = await createSign(text, fonts); // return <svg>...</svg>
} catch(e) {
// error
}
// STAMP ES6
try {
const fonts = ['MISEANG', 'GODOMAUM', 'TVN'].map(value => `fonts/${value}.ttf`); // ttf file path
const signItems = await createStamp(text, fonts); // return <svg>...</svg>
} catch(e) {
// error
}
const { createSign } = require('sign-generator');
app.get('/sign/:text', async (req, res) => {
try {
const signItems = await createSign(req.params.text, 'fonts/PINYON_EN.ttf'); // return <svg>...</svg>
res.status(200).send(signItems.join('\n'));
} catch(e) {
// error
}
});
name | type | required | default | description |
---|---|---|---|---|
text |
string | ✓ | - | 변환할 텍스트 |
fonts |
string|array | ✓ | - | 폰트 경로(only file) |
options |
object | ✘ | - | 세부 옵션 |
name | type | default | description |
---|---|---|---|
fontSize |
number | 22 | font size |
attributes |
object | { fill: 'black' } | font color |
boxOption |
object | { width: 100,height: 200 } | 전체 svg 화면 크기 |
name | type | default | description |
---|---|---|---|
fontSize |
number | 22 | font size |
attributes |
object | { fill: 'black' } | font color |
boxOption |
object | { width: 122,height: 122 } | 전체 svg 화면 크기 |
borderOption |
object | { stroke: '#ff0000', strokeWidth: 2.3 } | border option |