d3js - 使用 javascript 操作创建服务器端 SVG

哈该

我试图在绑定到使用 d3@3NodeJS 中创建的 SVG 元素的操作上启用 javascript 代码不幸的是, on('click') 没有呈现。

router.get('/test', function(req, res) {
    const dom = new JSDOM();
    var svg = d3.select(dom.window.document.body)
        .append("svg")
        .attr("xmlns", "http://www.w3.org/2000/svg")

    svg.insert('rect') 
        .attr("width", 200)
        .attr("height", 200)
        .on('click', function() { console.log('click')});

    svgStr = dom.window.document.body.innerHTML;
    res.set('Content-Type', 'image/svg+xml');
    res.send(svgStr);
})

输出:

<svg xmlns="http://www.w3.org/2000/svg"><rect width="200" height="200"> 
</rect></svg>

on('click') 在哪里?

侯赛因·塞迪吉安

`
//...
.attr("height", 200)
.attr("onclick" , "console.log('click')")`

为你点击

并记住不允许从图像到页面的操作

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Node.js中使用Rickshaw / D3,对于服务器端,可以访问原始svg吗?

来自分类Dev

访问服务器端javascript变量以使用客户端javascript进行操作

来自分类Dev

将使用D3js创建的SVG转换为PNG

来自分类Dev

d3js v5:使用JSON文件中的组创建SVG

来自分类Dev

如何正确使用客户端和服务器端的javascript文件-Node.js

来自分类Dev

Javascript最佳做法-使用服务器端值

来自分类Dev

Javascript帮助-从服务器端使用功能

来自分类Dev

如何使用d3js获取svg元素的宽度?

来自分类Dev

如何使用d3js拖动完整的svg?

来自分类Dev

使用.net渲染React JS服务器端

来自分类Dev

使用node.js实现服务器端

来自分类Dev

在服务器端使用Node JS解析HTML

来自分类Dev

d3和蜡染:具有客户端行为的服务器端svg生成的优缺点

来自分类Dev

d3和蜡染:具有客户端行为的服务器端svg生成的优缺点

来自分类Dev

使用 Javascript 数组生成气泡图 (D3js)

来自分类Dev

如何在JavaScript中使用服务器端倒数计时器?

来自分类Dev

访问通过Javascript在服务器端创建的Cookie

来自分类Dev

使用不带服务器端代码的javascript将html文本渲染为位图

来自分类Dev

如何在Asp.Net的服务器端使用JavaScript对象?

来自分类Dev

如何防止使用JavaScript执行服务器端功能?

来自分类Dev

不使用AJAX或PageMethods的服务器端函数的Javascript调用

来自分类Dev

如何使用javascript使服务器端的表行可见?

来自分类Dev

仅在执行服务器端数据时在javascript中使用eval是否安全?

来自分类Dev

如何使用javascript正确格式化通过服务器端传递的参数?

来自分类Dev

可以在流星服务器端使用 Google Maps JavaScript API 吗?

来自分类Dev

Marklogic 服务器端 Javascript:使用显式提交时的 XDMP-CONFLICTINGUPDATES

来自分类Dev

编写与客户端javascript和服务器端NodeJs模块一起使用的javascript代码

来自分类Dev

是否可以在不使用客户端Javascript的情况下建立服务器端Javascript网站?

来自分类Dev

在 Javascript 中访问服务器端变量(node.js、express.js、ejs)

Related 相关文章

  1. 1

    在Node.js中使用Rickshaw / D3,对于服务器端,可以访问原始svg吗?

  2. 2

    访问服务器端javascript变量以使用客户端javascript进行操作

  3. 3

    将使用D3js创建的SVG转换为PNG

  4. 4

    d3js v5:使用JSON文件中的组创建SVG

  5. 5

    如何正确使用客户端和服务器端的javascript文件-Node.js

  6. 6

    Javascript最佳做法-使用服务器端值

  7. 7

    Javascript帮助-从服务器端使用功能

  8. 8

    如何使用d3js获取svg元素的宽度?

  9. 9

    如何使用d3js拖动完整的svg?

  10. 10

    使用.net渲染React JS服务器端

  11. 11

    使用node.js实现服务器端

  12. 12

    在服务器端使用Node JS解析HTML

  13. 13

    d3和蜡染:具有客户端行为的服务器端svg生成的优缺点

  14. 14

    d3和蜡染:具有客户端行为的服务器端svg生成的优缺点

  15. 15

    使用 Javascript 数组生成气泡图 (D3js)

  16. 16

    如何在JavaScript中使用服务器端倒数计时器?

  17. 17

    访问通过Javascript在服务器端创建的Cookie

  18. 18

    使用不带服务器端代码的javascript将html文本渲染为位图

  19. 19

    如何在Asp.Net的服务器端使用JavaScript对象?

  20. 20

    如何防止使用JavaScript执行服务器端功能?

  21. 21

    不使用AJAX或PageMethods的服务器端函数的Javascript调用

  22. 22

    如何使用javascript使服务器端的表行可见?

  23. 23

    仅在执行服务器端数据时在javascript中使用eval是否安全?

  24. 24

    如何使用javascript正确格式化通过服务器端传递的参数?

  25. 25

    可以在流星服务器端使用 Google Maps JavaScript API 吗?

  26. 26

    Marklogic 服务器端 Javascript:使用显式提交时的 XDMP-CONFLICTINGUPDATES

  27. 27

    编写与客户端javascript和服务器端NodeJs模块一起使用的javascript代码

  28. 28

    是否可以在不使用客户端Javascript的情况下建立服务器端Javascript网站?

  29. 29

    在 Javascript 中访问服务器端变量(node.js、express.js、ejs)

热门标签

归档