gpt4 book ai didi

svg - 在 Jupyter Notebook 中使用 svg-pan-zoom

转载 作者:行者123 更新时间:2023-12-03 18:02:52 33 4
gpt4 key购买 nike

我想在 jupyter 单元中嵌入外部 .svg,然后能够平移和缩放。具体来说,我想使用伟大的 svg-pan-zoom图书馆。考虑到类似的扩展,例如传单和 map 框,这似乎是可能的。
只是尝试 svg-pan-zoom 中的示例,给出以下内容:

%%HTML
<html>
<body>
<h1>Demo for svg-pan-zoom: SVG in HTML 'object' element</h1>
<object id="demo-tiger" type="image/svg+xml" data="https://cdn.rawgit.com/ariutta/svg-pan-zoom/master/demo/tiger.svg" style="width: 500px; height: 500px; border:1px solid black; ">Your browser does not support SVG</object>
<script>
require.config({
paths: {
panzoom: '//cdn.rawgit.com/ariutta/svg-pan-zoom/master/dist/svg-pan-zoom'
}
});
require(['panzoom'], function(panzoom) {
console.log("Loaded :)");

var s = document.getElementById('demo-tiger')
s.onload = function(panzoom){
console.log('loaded')

panzoom.svgPanZoom('#demo-tiger', {
zoomEnabled: true,
controlIconsEnabled: true
});
}

});
</script>
</body>
</html>
单元格渲染图像,但从不渲染平移缩放功能。经过许多不同的方法,它仍然无法识别 svgPanZoom作为一个函数。
我也试过在 /nbextensions 中加载它目录。这也不起作用。
我对 JS 或 DOM 没有经验,所以任何建议都值得赞赏。

最佳答案

由于显而易见的原因,window.onload 在 Jupyter 中将无法正常工作。
https://github.com/vlasenkoalexey/tfgraphviz/blob/master/tfgraphviz/jupyter_helper.py用于工作助手方法。

关于svg - 在 Jupyter Notebook 中使用 svg-pan-zoom,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43797613/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com