Question

我想在1280 x 800分辨率的表中显示图像（可以是任意大小），它不会在其他屏幕上显示。

现在我在身体内部使用<img>元素，如果图像很小，它就不会填满屏幕，如果图像很大，它会显示出来屏幕。

所以html是这样的：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Mapa</title>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script src="/libs/qimessaging/1.0/qimessaging.js"></script>
    <script type="text/javascript" src="js/senaletica.js"></script>
  </head>
  <body>
    <img id="mapa" alt="mapa" src="">
  </body>
</html>

和javascript：

$('document').ready(function(){

    var session = new QiSession();

    session.service("ALMemory").done(function (ALMemory) {
        ALMemory.subscriber("PepperQiMessaging/totablet").done(function(subscriber) {
            subscriber.signal.connect(toTabletHandler);
        });
    });

    function toTabletHandler(value) {
        var imgMap = $('#mapa');

        imgMap.attr('src', 'data:image/png;base64,' + value);
        imgMap.width($('window').width());
        imgMap.height($('window').height());
    }
});

我目前不使用任何CSS。

Answer 1

window是一个实际的javascript实体，不应该引用，然后将其作为字符串。从'window'删除引号将解决您的问题。

见下面的代码段：

$(document).ready(function(){

    function toTabletHandler(value) {
        var imgMap = $('#mapa');

        imgMap.attr('src', 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSd8cAJmOsrWimMAMpTAFOPURbw4q7uDKKxau1nimZ4V-usMb0w');
        imgMap.width($(window).width());
        imgMap.height($(window).height());
    }
    toTabletHandler(5);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
    <img id="mapa" alt="mapa" src="">
  </body>

HTML仅以特定分辨率调整图像

1 个答案: