Question

我正在使用在这里找到的tiff.js https://github.com/seikichi/tiff.js/tree/master

我有以下代码

<!DOCTYPE html>
<html lang="en-us">
<head>
<title>tiff viewer</title>
<script src="javascript/jquery.min.js"></script>
<script src="javascript/tiff.min.js" ></script>
</head>
<body>
<?php // echo $_SESSION['userpath'].$_GET['image'];?>
<?php //echo $_SESSION['userpath'] ;?>
<script>
function msieversion() 
{
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0) // If Internet Explorer, return version number
{
    return true;
    //alert(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))));
}
else  // If another browser, return 0
{
    return false;
    //alert('otherbrowser');
}
return false;
}
$(function(){
if(msieversion()==false){
    Tiff.initialize({TOTAL_MEMORY: 2869796 * 10});
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'arraybuffer';
    xhr.open('GET', "/filepath/file.tif");
    xhr.onload = function (e) {
        var tiff = new Tiff({buffer: xhr.response});
        var canvas = tiff.toCanvas();
        document.body.append(canvas);
    };
    xhr.send();
}else{
    var imgElem=$('<img src="/filepath/file.tif" />');
    $('body').append(imgElem);
}
})
</script>
   <style>
          canvas {
                  max-height: 500px;
    `             max-width: 500px;
                  height: auto;
    `             width: auto;
                  }
   </style>
</body>
</html>

我遇到的一个问题是如何使图像真正缩放到所需的大小？我在FF和Chrome中进行了测试，当我设置了可以使用的最大高度，但不能设置最大宽度时。我尝试添加！important，但这也不起作用。

第二个问题是如何设置Tiff.initialize（{TOTAL_MEMORY：...}）;我查看并发现了一些不同的示例，但没有有关如何使用值的信息。

在TIFF / JS中控制图像大小

0 个答案: