标签: scale

我有一个小问题我想解决,但找不到任何好的答案:

当我在div(包含其他div)上使用刻度时,它会在我的div的"原始"宽度和高度周围留下白色空间:

如何在缩放时删除div周围的空间？

如果需要我可以使用js!

编辑:这是一些代码:

HTML

<div class="pull-right nextpack">

                    <div class="quarter scale-thumb">

                        <div class="up">
                            <div class="inner" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                        </div>

                        <div class="face">
                            <div class="top" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                            <div class="bot" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                        </div>

                        <div class="cote-droit">
                            <div class="inner">
                                <div class="cote-droit-top" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                                <div class="cote-droit-bot" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                            </div>
                        </div>

                    </div>


                </div>

CSS (你真的不需要知道包是怎么做的,它是很多css3什么都没有,基本上只是倾斜,旋转,缩放以从平面模板进行3D渲染)

.quarter.scale-thumb
{
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
}

PS:第一张照片是我不添加scale-thumb类的时候

我如何最容易地首先缩放一个对象,比如当前大小的2倍,然后垂直和水平翻转,或两者兼而有之？

到目前为止,我可以将"scale(2,2)"设置为它的宽度和高度的2倍,但是我不能将其翻转为与垂直翻转的比例(-1,1)相同.

我正在以编程方式创建SVG对象,作为要导出的格式.

我想提出尽可能多的HEX HTML值,以获得从红色到绿色的平滑颜色渐变:

我希望这类似于以下内容:http: //www.utexas.edu/learn/html/colors.html

我没有最好的颜色选择,所以我希望标准图表已经放在一起显示如何顺利地从红色到黄色过渡到绿色.

在该网站上,"1 of 6"与我正在寻找的最相似,但该示例仅限于11种颜色:

(1) FF0000 Red, 
(2) FF3300 Red(Orange)
(3) ff6600 
(4) ff9900 
(5) FFCC00 Gold 
(6) FFFF00 Yellow
(7) ccff00
(8) 99ff00
(9) 66ff00
(10) 33ff00
(11) 00FF00 Lime 

能够将颜色数量增加一倍,但能够顺利过渡,真是太棒了.

感谢您的任何见解和帮助.

在我的页面中间,我有一个div元素,其中包含一些内容(其他div,图像,等等).

<div>
    before
</div>
<div id="content-to-scale">
    <div>something inside</div>
    <div>another something</div>
</div>
<div>
    after
</div>

我想扩展该元素(内容到规模)和所有它的孩子.看起来像是CSS3变换规模操作的工作.但问题是,这只是对元素层次结构可视化的转换,它不会改变页面上元素的空间(或位置).换句话说,缩放该元素将使其与"之前"和"之后"文本重叠.

是否有简单/可靠的方法来扩展视觉表示,还有占用的空间量？

没有Javascript的纯CSS的额外分数.对于使用其他转换函数(如旋转和倾斜)做正确解决方案的解决方案,还有更多要点.这不必使用CSS3转换,但需要在所有最近支持HTML5的浏览器中支持它.

下面的绘图代码给出了 Error: Discrete value supplied to continuous scale

这段代码出了什么问题？它工作正常,直到我尝试更改比例,所以错误就在那里......我试图找出类似问题的解决方案,但不能.

这是head我的数据:

> dput(head(df))
structure(list(`10` = c(0, 0, 0, 0, 0, 0), `33.95` = c(0, 0, 
0, 0, 0, 0), `58.66` = c(0, 0, 0, 0, 0, 0), `84.42` = c(0, 0, 
0, 0, 0, 0), `110.21` = c(0, 0, 0, 0, 0, 0), `134.16` = c(0, 
0, 0, 0, 0, 0), `164.69` = c(0, 0, 0, 0, 0, 0), `199.1` = c(0, 
0, 0, 0, 0, 0), `234.35` = …

我有一个使用服务获取一些图标的应用程序.

通过这项服务,我可以获得任何大小的任何图像,所以我计划得到3张图像(@ 1x,@ 2x和@ 3x)并将它们存储在BBDD上,然后获得使用这三种图像之一的比例; 或者只能获得符合设备规模的那个.

但问题是,如何以编程方式获得设备规模(@ 1x,@ 2x和@ 3x)？

欢迎Obj-c和Swift;)

我在x轴上使用了非常大的数字(数百万),所以当我使用时

set format x %6.0f

我得到了像25000000这样的大数字.这是相当不错的,但需要很大的空间,所以只有很少的标签和读者丢失信息.

当我排除设置格式时,我会得到像2e + 07这样的东西,根据我的观点,对于读者来说,这是非常不友好和不寻常的.

我想格式化为25*(10 ^ 6),所以数字将是第一个,然后乘以10 ^ n,或类似的东西.如果x轴长约30000000点甚至更多,我认为这将是最好的解决方案.

但是,阅读手册,例如"如何更改数字的格式？" 来自http://t16web.lanl.gov/Kawano/gnuplot/tics-e.html并没有给我太多帮助.

先感谢您.

这有点难以解释,但是:我想要一个响应高度div(height: 100%),它将缩放与高度成比例的宽度(反之亦然).

我知道这种方法利用padding-top黑客来使高度与宽度成正比,但我需要它以相反的方式工作.话虽如此,我并不是非常热衷于对该方法中内容的绝对定位元素的额外要求,所以我意识到我可能会在这里要求月球.

为了帮助可视化,这是一个图像:

......这里是一个jsFiddle,说明了几乎相同的东西.

值得注意的是,我已经使用:before和:after伪元素垂直对齐我想按比例缩放的框的内容.

我真的非常非常喜欢不必恢复到jQuery,只是因为调整大小处理程序的内在要求以及通常更多的调试...但如果这是我唯一的选择,那么命令.

是否可以调整iPhone模拟器的大小？我正在使用屏幕捕获软件来记录我的iPhone应用程序的演示,能够调整iPhone模拟器窗口的大小是很方便的.

谢谢!

我错过了一些明显的东西.但是只有一个元素的过渡在这里不起作用.

这是我的代码.

#navigatore-servizi ul li a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #008;
    display:block;
    width:240px;
    height:96px;
    background:#000;
    background-position: top center;
    line-height: 96px;
    font-family: sans-serif;
    text-transform: uppercase;
    text-align: center;
   -webkit-transition: -moz-transform .3s ease-out; 
   -moz-transition: -webkit-transform .3s ease-out; 
   -o-transition: -o-transform .3s ease-out; 
    transition: transform .3s ease-out; 
}

#navigatore-servizi ul li a:hover {
    background-position: bottom center;
   -moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   -o-transform: scale(1.3);
   transform: scale(1.3);
    border-right: 10px solid #b00;
}