个人中心
文章发布
退出
作者热门文章
- mongodb - 在 MongoDB mapreduce 中，如何展平值对象？
- javascript - 对象传播与 Object.assign
- html - 输入类型 ="submit"Vs 按钮标签它们可以互换吗？
- sql - 使用 MongoDB 而不是 MS SQL Server 的优缺点
25
4
给定一个 D3js 代码，such as :
var square= function() {
var svg = window.d3.select("body")
.append("svg")
.attr("width", 100)
.attr("height", 100);
svg.append("rect")
.attr("x", 10)
.attr("y", 10)
.attr("width", 80)
.attr("height", 80)
.style("fill", "orange");
}
square();svg { border: 1px solid grey;} /* just to visualized the svg file's area */<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<body></body>如何使用我的 D3js 代码和 NodeJS 生成正确的独立 *.svg 文件？
最佳答案
Github 存储库 svgcreator.node.js试试看。
D3 根本不关心实际生成 SVG 的内容。只创建 SVG 的主要问题是你不能拥有 Javascript，这当然意味着你不能使用 D3。除了这个基本的禁忌之外，没有什么能阻止你:)
概念证明:受其他答案的启发，这里有一些使用 jsdom 的概念证明代码.
1.安装 NodeJS (1)。
curl http://npmjs.org/install.sh | sh #this should work (not tested)
<强>2。使用 Node Packages Manager (2) 安装 jsdom:
$npm install jsdom
3.将您的 D3js 代码包装在一些 jsdom 代码中，粘贴到 jsdom.node.js 文件中:
var jsdom = require('jsdom');
jsdom.env(
"<html><body></body></html>",
[ 'http://d3js.org/d3.v3.min.js' ],
function (err, window) {
var svg = window.d3.select("body")
.append("svg")
.attr("width", 100).attr("height", 100);
svg.append("rect")
.attr("x", 10)
.attr("y", 10)
.attr("width", 80)
.attr("height", 80)
.style("fill", "orange");
// PRINT OUT:
console.log(window.d3.select("body").html());
// fs.writeFileSync('out.svg', window.d3.select("body").html()); // or this
}
);
4.在终端运行
$node jsdom.node.js > test.svg
stdout 输出是 SVG，然后将其注入(inject)到 test.svg 文件中。任务完成。
正如 Gilly 在评论中指出的那样，您可能需要 jsdom 版本 3 才能使其工作。
关于node.js - D3js : how to generate standalone SVG files? (Nodejs)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19080929/
25
4
0
是否可以在单机中以独立模式同时运行 Hbase 和外部 zookeeper？ 它卡在 clientPort 问题上。 请澄清一下？ 最佳答案 是的，这是可能的。 为此，您必须更改外部动物园管理员服务器
我目前正在检查我们的 JBoss AS7.1 服务器配置，我在我们的 jboss/standalone/bin 目录中发现了这两个以前配置的文件: standalone.conf standalone
我正在运行 airflow standalone 作为本地开发环境。我关注了instructions由 Airflow 提供以设置环境，但现在我想以最优雅的方式关闭它。 我在终端中运行了独立命令，所以
首先，我是一个有 Angular 的新手，所以如果问题很简单，请原谅我，但我尝试了谷歌和 Angular 文档，但我找不到任何明确的例子来满足我的需要。 我正在尝试构建一个“独立”指令模块(复杂的 U
我想使用 codeigniter 在我的 Web 应用程序中使用 es6 的导入、要求和导出。我发现 babel-standalone 但它不起作用。 screenshot of embed js f
我是 Mule 的新手，我想了解独立 mule 与嵌入式 mule 之间的区别。我已经阅读了有关此的主题，但我无法回答一个问题。 Mule standalone 是如何工作的？它如何处理网络服务？它有
我有一个独立的 Wiremock 服务器实例。映射作为 json 文件存储在 mappings 文件夹下。我有一个 POST 请求，需要在响应中返回一个动态 ID(整数)。有没有办法在json文件中配
Standalone-full和Standalonefull-ha有什么区别？什么是不包含在standalone-full-ha中的子系统？ 最佳答案 完整配置文件包括消息传递支持(JMS-Horne
答案:Making stand-alone jar with Simple Build Tool似乎是我需要的，但它没有为我提供足够的信息，所以这是后续内容。 (1) 我如何根据我的需要调整答案？我不
我使用以下docker-compose.yml运行基于jupyter/datascience-notebook:87210526f381的jupyter笔记本和selenium/node-chrome
在引导样式表中，定义的类如下: .a { ... } .b { ... } .a>.b { .... } 我想选择.b并更改其颜色，但我不希望这影响类 b在.a>.b ，即我想要 .a>.b 的样式保
我开始学习使用 Python 进行 3D 可视化的 Mayavi2。在 examples 之一来自Mayavi 4.3.1 documentation ，弹出如下命令: @mayavi2.standa
是否可以在 Java 应用程序中独立使用 Jersey REST 服务？我找到的每个示例都位于 Web 容器 (web.xml) 的上下文中。 感谢您的帮助! 最佳答案 只需按照 Jersey doc
部署到不同机器时如何使用selenium/standalone-chrome？ 我已在远程 ubuntu 计算机和本地 Macbook pro 计算机上安装了 docker。 然后我将运行以下 doc
我计划为一个项目使用 Python (3.6) 脚本，尽管最终用户的系统上可能没有 Python。为了解决这个问题并使一切尽可能顺利，我尝试使用 Nuitka 编译我的 Python 脚本并使其独立。
我能够编译并运行以下代码片段，但我无法向其中添加任何进一步的代码，以便利用标记语句。因此，我认为这样的陈述没有逻辑用途是正确的吗？ (Java 允许我这样做，这就是我问的原因。) statement:
为了便于部署，我想将 Postgres 安装作为应用程序的一部分。是否可以包含一个已经编译和可运行的 Postgres 版本，可以作为进程启动？我能够用 Windows 和 MacOS 版本做这样的事
我正在使用 babel-standalone 并且我正在做与 https://github.com/Daniel15/babel-standalone/blob/master/examples/scr
我在浏览器中使用 babel -> babel-standalone 现在我想使用 ES decorator 语法。但是所有的通天塔doc intro 是服务器端的 babel，比如 ` { "p
我只是想创建一个简单的测试，我在其中使用 DelegateHandlers 来实例化一个 HttpClient 而无需引入 Asp.net Core 包。我有 2 个删除处理程序 Throttling
我是一名优秀的程序员,十分优秀！