Question

我正在使用jquery（2.1.3）

将网络摄像头的图像快照添加到div中

为什么这不起作用：

var image = new Image();
image.src = "data:image/jpg;base64," + data;
image.width = "320px";
image.height = "240px";
$("#video").html(image);

图像标记的大小为0表示w和h;

这确实有效

var image = $("<img>", {
    "src": "data:image/jpg;base64," + data,
    "width": "640px", "height": "480px"});
$("#video").html(image);

Answer 1

问题是纯HTML Image元素将数字作为其width和height，而不是维度，因此请删除“px”：

var image = new Image();
image.src = "https://www.google.co.uk/images/srpr/logo11w.png";
image.width = "320";
image.height = "240";
$("#video").html(image);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="video"></div>

JQuery更智能，并将width和height属性转换为设置style="width:320px; height:240px"，即使用css，首选width和height属性为弃用。

javascript图片代码

1 个答案: