小编dak*_*kab的帖子

CSS:如何设置相对于父高的图像大小?

我试图弄清楚如何重新调整图像的大小,使其保持宽度与高度的比例,但重新调整大小,直到图像的高度与包含div的高度匹配.我有这些相当大而长的图像(截图),我想将它们放入200px宽度,180px高度的div中进行显示,而无需手动重新调整图像大小.为了使这看起来很好,图像的边需要溢出并隐藏在包含div中.这是我到目前为止:

http://jsfiddle.net/f9krj/2/

HTML

<a class="image_container" href="http://www.skintype.ca/assets/background-x_large.jpg">
    <img src="http://www.skintype.ca/assets/background-x_large.jpg" alt="" />
</a>
Run Code Online (Sandbox Code Playgroud)

CSS

a.image_container {
    background-color: #999;
    width: 200px;
    height: 180px;
    display: inline-block;
    overflow: hidden;
}
a.image_container img {
    width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

如您所见,图像父容器上显示灰色,根本不显示.为了使容器完全填满,宽度需要在两侧均匀溢出.这可能吗?是否也可以考虑一个太高的图像?

html css image css3

67
推荐指数
5
解决办法
27万
查看次数

有没有办法用它的内容克隆HTML5 canvas元素?

有没有办法用所有绘制的内容创建canvas元素的深层副本?

javascript html5 clone canvas

54
推荐指数
2
解决办法
4万
查看次数

获取介于0.0200和0.120之间的随机数(浮点数)

我需要使用JavaScript创建一个介于0.0200和0.120之间的随机数.我该怎么做?

javascript

47
推荐指数
3
解决办法
8万
查看次数

在SQL中获取该月的最后一天

我需要在SQL中将日期的最后一天作为日期给出.如果我有一个月的第一天,我可以这样做:

DATEADD(DAY, DATEADD(MONTH,'2009-05-01',1), -1)
Run Code Online (Sandbox Code Playgroud)

但有没有人知道如何推广它所以我可以找到任何给定日期的月份的最后一天?

sql t-sql sql-server

46
推荐指数
5
解决办法
15万
查看次数

什么Unicode符号代表一个人?

是否存在代表一个人的Unicode符号?我希望这样的事情:

棒图的象形图

我需要一个简短的方法来表示每个人价格,例如"25€/人",但是将"person"替换为一个人的Unicode字符.好处是图片与英语无关.

unicode symbols

43
推荐指数
4
解决办法
5万
查看次数

%在JavaScript中做什么?

%在JavaScript中做了什么?

我们非常感谢它的定义和它的作用.

javascript

37
推荐指数
7
解决办法
1万
查看次数

是否可以使用Selenium WebDriver来驱动PhantomJS?

我正在阅读Selenium WebDriver的文档,例如它可以驱动Chrome.我在想,"驾驶"PhantomJS会不会更有效率?

有没有办法使用Selenium和PhantomJS?

我的预期用途是网页抓取:我抓的网站加载了AJAX和许多可爱的JavaScript,我认为这个设置可能是我正在使用的Scrapy Python框架的一个很好的替代品.

selenium webdriver web-scraping phantomjs

35
推荐指数
2
解决办法
3万
查看次数

ES6箭头函数是否有自己的参数?

我不知道箭头函数是否绑定arguments到词法范围.

看一下这个例子(可以使用相同的概念this):

var b = function() { return () => console.log(arguments); };
b(1,2,3)(4,5,6); // different result of chrome vs FF.
Run Code Online (Sandbox Code Playgroud)

当我在Chrome上运行时,我得到了[1,2,3],但在Firefox上,我得到了[4,5,6].这是怎么回事?

javascript ecmascript-6 arrow-functions

31
推荐指数
2
解决办法
2780
查看次数

单元测试的模拟有效/无效电子邮件地址列表

有没有人知道电子邮件地址列表(不需要是真实的)我可以用于单元测试的电子邮件验证程序集?

我一直在寻找这样的清单,似乎找不到一个.我不是在寻找真正的地址,只是那些合适的地址,而且我在测试中投入的东西越多越好.我现在有10个,但如果有一个列表,它会给我一个更彻底的测试.

language-agnostic unit-testing test-data email-validation

29
推荐指数
2
解决办法
2万
查看次数

使用JavaScript可以在画布上绘制图像

我能够在HTML画布上成功绘制图像.但我需要能够在画布上拖动图像.

我知道这个函数可以通过一些像KinectJS这样的JavaScript库轻松实现.但我想用简单的JavaScript做到这一点.

window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var destX = 0;
var destY = 0;
var imageObj = new Image();

imageObj.onload = function(){
  context.drawImage(imageObj, destX, destY);
};
imageObj.src = "westeros.png";
Run Code Online (Sandbox Code Playgroud)
<canvas id="myCanvas" height=1024 width=360></canvas>
Run Code Online (Sandbox Code Playgroud)

javascript html5-canvas

24
推荐指数
2
解决办法
4万
查看次数