小编Sud*_*air的帖子

减慢 domtoimage js 花费的时间

我正在使用domtoimage库将 html(带有大量 CSS)转换为图像。

实际上我需要高清晰度图像用于打印目的(600 DPI)。因此,为此我将 html 缩放(缩放)到 6.25(600/96) 倍,然后使用 domtoimage 捕获它。按照我的计划,我很成功。我的图像分辨率很高,打印清晰度也令人满意。

但问题在于优化。domtomimage 花费的时间太长。我知道这个问题是由于 html 缩放造成的,但我需要高分辨率图像。

有什么想法可以让捕捉速度更快吗?我的主要重点是减少图书馆捕获和创建图像所花费的时间。

笔记:

  1. 我也尝试过 phantom JS,但它不支持某些 css 属性。
  2. 我也尝试过 html2canvas 它也有一些 CSS 属性的限制

仅供参考,我已添加缩放属性来绘制函数

function draw(domNode, options) {
        return toSvg(domNode, options)
            .then(util.makeImage)
            .then(util.delay(100))
            .then(function (image) {
                var canvas = newCanvas(domNode);
               // canvas.getContext('2d').drawImage(image, 0, 0);
                var ctx = canvas.getContext('2d');
                if(options.scale){
                    ctx.scale(6.25,6.25);
                }
                ctx.drawImage(image, 0, 0);
                return canvas;
            });

        function newCanvas(domNode) {
            var canvas = document.createElement('canvas');
             if(options.scale){
                 canvas.width = options.width || 6.25 * util.width(domNode); 
                 canvas.height = …
Run Code Online (Sandbox Code Playgroud)

html javascript

6
推荐指数
1
解决办法
2782
查看次数

找不到任务“功能:主机启动”

我正在尝试在我的 PC 上运行 azure。我正在使用 VS Code,Windows 64 位

我已经安装了Azure SDK- .NET Core 2.2.x SDK- Cosmos Emulator-Storage Emulator也安装了azure-functions-core-tools V2

当我尝试使用 f5 键运行调试器时,出现以下错误

在此处输入图片说明

azure typescript

2
推荐指数
5
解决办法
4634
查看次数

标签 统计

azure ×1

html ×1

javascript ×1

typescript ×1