modern-idoc

Usage

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 WebGL renderer