在浏览器中捕获屏幕的特定区域

时间:2021-06-08 14:14:51

标签: javascript vue.js html2canvas

我使用了 html2canvas 并使用了此示例 https://codepen.io/csakis/pen/bGNpgJK 并在我的代码中实现了所有代码,但出现错误并显示空白页面。我需要做的是能够只截取屏幕的一部分,其中使用 SVG 代码制作的图形,并通过浏览器将其下载为 jpg/png。有什么建议么?有没有机会用 vue.js 而不是 jQuery 来做到这一点?

这是我的代码的一部分:

import html2canvas from 'html2canvas'

export default{
    data() {
    return {
    crosshairs: "",
    overlay: "",
    tooltip:"",
    screenshot:"",
    TOOLTIP_MARGIN:"",
    }
    },

screenshot: new Vue({
el: "#screenshot",

TOOLTIP_MARGIN: +window.getComputedStyle(document.querySelector(".tooltip")).margin.split("px")[0],

0 个答案:

没有答案