网址法显示病理金字塔图像，django和openseadragon结合

最新推荐文章于 2024-05-10 09:49:52 发布

captain飞虎大队

最新推荐文章于 2024-05-10 09:49:52 发布

阅读量722

点赞数 1

分类专栏： html python

本文链接：https://blog.csdn.net/weixin_41529093/article/details/115661891

版权

python 同时被 2 个专栏收录

453 篇文章 18 订阅

订阅专栏

html

23 篇文章 1 订阅

订阅专栏

仅作为记录，大佬请跳过。

文章目录

前言
解决
展示

前言

关于将.svs图像变成金字塔切片，得到test_files，参考博主文章传送门

关于django的一些使用，可参考博主文章传送门、传送门、传送门

解决

用pycharm，文件夹结构：

在这里插入图片描述

其中的showpiccell.html：

<!--&lt;!&ndash;需要使用细胞的那个显示的html，不能直接用openseadragon官网的那个图的尺寸设置，在于改变大小（Height和Width）&ndash;&gt;-->

<!DOCTYPE html>
<html lang="en">
{% load static %}
<head>
    <meta charset="UTF-8">
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>openseadragon_demoo</title>
    <script src="{% static 'jq/openseadragon.min.js' %}"></script>
</head>
<body>
    <h3>图像</h3>
    <div id="openseadragon1" style="width: 800px; height: 600px;"></div>
</body>

<script type="text/javascript">

OpenSeadragon({

    id:'openseadragon1',


    prefixUrl: '{% static 'images/opencdrimages/' %}',

    tileSources: {

    Image: {

        xmlns:  'http://schemas.microsoft.com/deepzoom/2008',

        Url: '{% static 'images/test_files/' %}',

        Overlap: '1',

        TileSize: '254',

        Format : 'jpeg',

        Size:{

           Height: '124576',

              Width:  '178560'

           }

        }

    },

    showNavigator:true,

    // Initial rotation angle
    degrees: 0,
    // Show rotation buttons
    showRotationControl: true,
    // Enable touch rotation on tactile devices
    gestureSettingsTouch: {
        pinchRotate: true
    }

})

</script>

</html>