小编Dal*_*Dal的帖子

您好，这个问题是基于前一个问题的基础上的，鼠标悬停更改了其他人询问的单独 DIV 内的文本。

只是我相信最初的海报要求多次悬停，而且似乎没有人理解这个请求。我相信我正在寻找他正在寻找的东西，所以我会尽力解释它。

说我有一个 div

<div id="content">Descriptions should appear here</div>

以及位于页面其他任何位置的链接列表及其自己的描述（只有列表可见，而不是描述）

foo = bar and stuff
apples = a red fruit
keyboard = thing you type with
boat = floats on water

我该如何做到这一点，以便如果有人将鼠标悬停在其中一个链接上，说明就会显示在内容 div 中？

感谢所有的答复！最后，这就是我的选择：

javascript:

<script>
    function changeContent(description) {
        console.log(description);
        var MyDesc = document.getElementById(description);
        document.getElementById('content').innerHTML = MyDesc.value;
    }
</script>

html:

<div id="content"></div>

<a onmouseover="changeContent('desc1')" href="#">Apples</a>
  <input type="hidden" id="desc1" value="apples are delicious">
<a onmouseover="changeContent('desc2')" href="#">Oranges</a>
  <input type="hidden" id="desc2" value="Oranges are healthy">
<a onmouseover="changeContent('desc3')" href="#">Candy</a>
  <input type="hidden" id="desc3" …

嘿，所以我创建了这个网站：http://dst.dstealth.com来帮助使用 html2canvas 从 HTML div 元素自动生成 png 图像。我的 html2canvas 是用静态宽度 n 高度初始化的。

现在，当我在 Chrome 等桌面浏览器上使用该网站时，它会生成并保存尺寸为 876 x 434 像素的图像，这是我想要的输出。

但是当我在 Android chrome 浏览器上执行完全相同的操作时，它会生成超过 2000 x 2000 像素的图像。

我认为设置视口元会有所帮助，但这反而使我的桌面浏览器开始以稍大的分辨率保存图像，因此我现在已在代码中对此进行了注释。

谁能帮助我了解这里发生的情况以及如何确保生成的图像始终为 876 x 434？