时间戳

首页 > 解决方案 > 不使用浏览器执行 html/javascript

javascript - 不使用浏览器执行 html/javascript

问题描述

是否可以在不使用浏览器的情况下运行下面的 html / javascript 代码？html 代码使用 javascript 代码创建 png 文件。(Kendo/jquery) 我想在另一个应用程序中显示这个 png 文件，以便能够以这种方式在该应用程序中呈现漂亮的图形。建议？

我不想使用浏览器的原因是因为我想直接在 Unisys bis 环境（也称为 Mapper）中显示图表。但是，环境不适合创建图表，但可以显示图像。出于这个原因，我尝试了另一种方式。

示例图表.png

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2021.1.330/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="chart"></div>
<script>
    $("#chart").kendoChart({
        transitions: false,
        series: [{
            type: "column",
            data: [1, 2, 3]
        }, {
            type: "line",
            data: [2, 1, 3]
        }, {
            type: "area",
            data: [3, 1, 2]
        }]
    });

    var chart = $("#chart").getKendoChart();
    chart.exportImage().done(function(data) {
        kendo.saveAs({
            dataURI: data,
            fileName: "chartXXX.png"
        });
    });
</script>
</body>
</html>

标签： javascripthtml

解决方案

推荐阅读