JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 想通过浏览器使静态SVG图(从matplotlib)交互大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的目标是制作一个可以在浏览器中进行交互的情节.理想情况下,我想要一个记录良好的成熟的 JavaScript绘图库,支持SVG.据我所知,这不存在,但如果我错了,请纠正我.

我确定了几个替代方案.

>使用JavaScript图形库(例如Raphael),从头开始绘制所有内容.这似乎是很多不必要的,乏味的工作.
>使用绘图库生成SVG,然后使用JavaScript来支持交互.这似乎更易于管理,但我确实有以下问题:如何从绘图库(matplotlib)添加元数据到SVG?当显示SVG时,不会显示此元数据,但可以通过JavaScript访问此元数据.

任何建议非常感谢.

解决方法

matplotlib gallery年可以看到一个方法.

基本上:

>在matplotlib中,在要进行交互的matplotlib元素上使用element.set_gid(“youridhere”).也就是说,在plot()/ hist()/ whatever()的输出中使用set_gid().>使用matplotlib创建一个svg,但是使用一个StringIO对象作为你的文件.>使用xml库解析svg(例如xml.etree.ElementTree)>使用您设置的id查找xml元素(例如“youridhere”).>使用javascript函数名称添加onclick / on ${theeventyoucareabout}属性.>将您的JavaScript作为CDATA添加到xml树中的脚本元素.>将xml导出到svg文件!

大佬总结

以上是大佬教程为你收集整理的javascript – 想通过浏览器使静态SVG图(从matplotlib)交互全部内容,希望文章能够帮你解决javascript – 想通过浏览器使静态SVG图(从matplotlib)交互所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: