npmpackage.info

Gathering detailed insights and metrics for vue3-html2canvas

Other packages similar to vue3-html2canvas

vue-to-any

0.3.1

Render Vue components to any format (pdf, image, canvas, or even as html string)

pdf-print-vue3

1.0.4

html2canvas和jspdf在vue3中封装为可以将当前页面导出为pdf的组件

vue3-html2canvas

A html2canvas Plugin for Vue 3.x

0.0.3

MIT

TypeScript

44.87 kB

6,729

Installations

npm install vue3-html2canvas

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Min. Node Version

>= 14

Score

Supply Chain

62.4

Quality

73.8

Maintenance

Vulnerability

98.2

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 2 contributors

Languages

TypeScript

TypeScript (100%)

Developer

plugpogpag

Download Statistics

Total Downloads

6,729

Last Day

Last Week

179

Last Month

576

Last Year

6,211

GitHub Statistics

45 Commits

1 Forks

1 Watching

1 Branches

2 Contributors

Bundle Size

195.36 kB

Minified

44.87 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

0.0.3

Package Id

vue3-html2canvas@0.0.3

Unpacked Size

695.09 kB

Size

126.95 kB

File Count

Publised On

27 Nov 2023

Total Downloads

Cumulative downloads

Total Downloads

6,729

Last day

6.5%

Compared to previous day

Last week

-5.3%

179

Compared to previous week

Last month

46.9%

576

Compared to previous month

Last year

1,099%

6,211

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

Vue Html2Canvas

This project References from vue-html2canvas

A html2canvas plugin for vue 3.x

Install

yarn add vue3-html2canvas

npm install vue3-html2canvas

in main.(js|ts)

1import { createApp } from 'vue';
2import { Html2CanvasPlugin } from 'vue3-html2canvas';
3import App from './App.vue';
4
5const app = createApp(App);
6//...
7app.use(Html2CanvasPlugin);
8//...
9app.mount('#app');

Example

1<script setup>
2import { ref } from "vue";
3import { useHtml2Canvas } from "vue3-html2canvas";
4
5const html2canvas = useHtml2Canvas();
6const canvasTarget = ref(null);
7const containerShowCanvas = ref(null);
8async function onGenHtmlToCanvas() {
9  const canvas = await html2canvas(canvasTarget.value, { });
10  containerShowCanvas.value.appendChild(canvas)
11}
12</script>
13
14<template>
15  <button @click="onGenHtmlToCanvas" ref="canvasTarget">Click here for download demo pdf</button>
16  <div ref="containerShowCanvas" style="display: flex;justify-content: center;align-items: center;flex-direction: column;">
17    <span>Result Of Canvas </span>
18  </div>
19</template>
20
21<template>
22  <button @click="onGenPDF">Click here for download demo pdf</button>
23</template>

Documentation

Check html2canvas Documentation for more explanations!

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to vue3-html2canvas

vue3-html2canvas

Installations

Developer Guide

Yes

ESM

>= 14

Score

Pull Requests

0

0

0

Issues

0

0

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

Languages

Developer

plugpogpag

Download Statistics

GitHub Statistics

Bundle Size

195.36 kB

44.87 kB

Maintainers

Package Meta Information

Total Downloads

6,729

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

Vue Html2Canvas

Install

Example

Documentation