modern-idoc

📦 Install

``
npm i modern-idoc
`

🦄 Usage

`ts
import type { Document } from 'modern-idoc'

const pdf: Document = {
children: [
{
style: { width: 300, height: 600 },
children: [
{
style: {
rotate: 60,
width: 50,
height: 50,
},
background: '/example.png',
},
{
style: {
rotate: 40,
left: 100,
top: 100,
fontSize: 20,
color: '#FF00FF',
},
text: 'test',
},
{
style: {
left: 200,
top: 100,
width: 100,
height: 200,
fontSize: 22,
},
text: [
{
letterSpacing: 3,
fragments: [
{
content: 'He',
color: '#00FF00',
fontSize: 12,
},
{ content: 'llo', color: '#000000' },
],
},
{ content: ', ', color: '#FF0000' },
{ content: 'World!', color: '#0000FF' },
],
},
],
},
],
}
``

Types

view d.ts type file

Refer to these packages for usage

- modern-text text renderer
- modern-pdf PDF codec
- modern-openxml PPTX、etc... codec
- modern-canvas IDoc to WebGL renderer
- modern-idoc-svg IDoc to SVG renderer