小编jbe*_*ach的帖子

在 Jupyter Notebook 中使用 svg-pan-zoom

我想在 jupyter 单元中嵌入外部 .svg,然后能够平移和缩放。具体来说,我想使用很棒的svg-pan-zoom库。考虑到类似的扩展,例如传单和地图框,这似乎是可能的。

只是尝试 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>
Run Code Online (Sandbox Code Playgroud)

单元格渲染图像,但从不渲染平移缩放功能。经过许多不同的方法后,它仍然无法将 识别svgPanZoom为函数。

我也试过在/nbextensions目录中加载它。这也不起作用。

我对 JS 或 …

svg ipython jupyter

5
推荐指数
1
解决办法
556
查看次数

标签 统计

ipython ×1

jupyter ×1

svg ×1