pdf-ar
v0.2.6
Published
```css yarn add pdf-ar ``` or ```css npm i pdf-ar ``` ```tsx import * as React from 'react'; import 'react-app-polyfill/ie11'; import * as ReactDOM from 'react-dom'; import PDF, { PDFViewer } from 'pdf-ar';
Downloads
3
Maintainers
Readme
pdf-ar
yarn add pdf-ar
or
npm i pdf-ar
import * as React from 'react';
import 'react-app-polyfill/ie11';
import * as ReactDOM from 'react-dom';
import PDF, { PDFViewer } from 'pdf-ar';
const App = () => {
const [docs, setDocs] = React.useState<any>(null)
React.useEffect(() => {
const myDocs = new PDF();
myDocs.text({
text: 'this is first text'
})
myDocs.text({ text: 'this is my text of class', className: 'text-center' });
myDocs.text({ text: 'this is my text of class2' });
myDocs.text({ text: 'this is my text of class3' });
myDocs.setPageHead({
name: 'this is testing page',
})
myDocs.image({
url: "/vite.svg",
width: '200px',
className: 'mx-auto block'
})
myDocs.table({
head: ['username', 'userid'],
body: [
['Rokan', '1'],
['Anamul', '2'],
],
width: '300px',
margin: '100px auto',
classNames: {
table: 'this-my-table'
},
});
// myDocs.addPage()
myDocs.table({
headerLabel: {
name: 'testing',
lines: ['first line', 'secend line']
},
beforeThead: ['username', { value: 'subjects', colSpan: 12, className: 'text-center' }, 'actions'],
head: ['username', 'bangla', 'eng', 'islam', 'math', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', { value: "=SUM_R(bangla:) <as> total", colSpan: 3 }],
body: [
['Rokan', '89', '99', '59', '98', '89', '99', '59', '98', '89', '99', '59', '98'],
['Rokan', '89', '99', '59', '98', '89', '99', '59', '98', '89', { value: '99', colSpan: 2 }, '100'],
['Rokan', '89', '99', '59', '98', '89', '99', '59', '98', '89', '99', '59', '98'],
],
foot: [{ colSpan: 13, value: 'total : ', className: 'text-right' }, "=SUM_C(total)"],
width: '8in',
margin: '0 auto'
})
// myDocs.print({
// height: 'auto',
// margin: '2rem',
// width: '8.4in'
// })
// or
setDocs(myDocs.get())
}, [])
return (
<div>
<PDFViewer docs={docs} />
</div>
);
};
ReactDOM.render(<App />, document.getElementById('root'));