如何解决仅使用Javascript或Jquery从图像中提取多个图像,而无需使用CSS
PS:对于此项目的要求,请使用Javascript或Jquery,我不能使用CSS。
我需要从图像中提取图像并使用javascript和html在div中显示。
仅供参考,该图像仅供测试和解决方案之用,我将在现实世界的图像项目中进行调整。
我想获取这2张图片,并使用HTML中的img dom在我的div中显示。
为此,我尝试改编http://jsfiddle.net/yn1tworg/6/
的作品来为我工作。但是没有成功。
任何人都知道如何解决此问题,或者jsfiddle.net
的工作与我分享并表示感谢。
解决方法
使用CSS并只玩background-position
,直到图像成为所需为止。
#box{
width: 120px;
height: 120px;
background-color: #ff0000;
background-image: url(https://i.stack.imgur.com/3YWPU.png);
background-position: 280px -260px;
}
<div id='box'></div>
,
您可以使用剪辑CSS功能-
const arr1 = [1,3,5,7];
const arr2 = [4,2,1,6];
var twoDemArray = [];
for (var i = 0; i < arr1.length; i++) {
let tempArr = [];
for (var j = 1; j < arr2.length+1; j++) {
let newNum = arr1[i]*arr2[j-1];
tempArr.push(newNum);
if (j % arr2.length == 0) {
twoDemArray.push(tempArr);
tempArr = [];
};
};
};
console.log(twoDemArray)
//do stuff with twoDemArray
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。