javascript - 在前置的 img 标签内仅显示左下四分之一

Question

我正在尝试添加 <img>标记为 <div>喜欢JSFiddle但我只需要显示它的左下四分之一，而不仅仅是完整的。

标记

<div id="myDiv"></div>

Javascript

imgUrl = "nerdist.com/wp-content/uploads/2018/02/oblivion-song-615x346.png"
$('#myDiv').prepend('<img id="theImg" style="width:100%;" src="https://' + imgUrl + '"/>');

是否可以只显示图像 src 中的图像的一部分？

Answer 1

您没有为 img 添加背景.将背景添加到 div或添加 <img src=""

$('#myDiv').prepend('<img id="theImg" src="https://' + imgUrl + '"/>');

这将 prepend img标记，附加它(附加到最后)然后使用 .append()

您可能需要设置此图像的样式以正确对齐，您可以使用

#theImg{
   /* Your CSS here */
}