标签: scale

HTML5视频比例模式?

我正在尝试制作全屏HTML背景,这很容易.但是因为HTML5视频调整大小以适应容器同时保持纵横比,我无法得到他想要的效果.

HTML5视频有不同的缩放模式吗?我想扩大到填充和裁剪.

这是Flash中所需的效果:http: //www.caviarcontent.com/

如果您调整窗口大小,您将看到它缩放和裁剪.你永远不会得到黑条.

谢谢您的帮助!

video html5 fullscreen scale

15
推荐指数
4
解决办法
7万
查看次数

JavaFX正确缩放

我想在滚动事件上缩放窗格中的所有节点.

到目前为止我尝试了什么:

  1. 当我执行scaleX或scaleY时,窗格的边框分别缩放(在设置窗格样式时看到-fx-border-color: black;).因此,如果我不是从窗格的边界开始,并非每个事件都会启动,所以我需要它.在此输入图像描述

  2. 下一步我试图扩展每个节点,结果非常糟糕,就像这样 - (通过点延伸的线条).或者如果在另一侧滚动,则会更少在此输入图像描述

  3. 我尝试的另一种方法是缩放Node的点.它更好,但我不喜欢它.它看起来 point.setScaleX(point.getScaleX()+scaleX)和y和其他节点适当.

javafx scale

15
推荐指数
1
解决办法
3万
查看次数

WPF缩放文本仅适用于太大的情况

我试图在WPF中设置一个项目列表,其中包含随机长度的字符串(人名).它们中的大多数通常都在一定的大小范围内,但偶尔会遇到一个字符串,以至于它超出了容器的范围.我通常只是在它太长时间时将其截断,但我更愿意显示整个字符串.

如何强制文本保持正常大小,除非太大而不适合...在这种情况下缩小以适应?

注意:这与缩放所有文本以适合特定大小不同,这是使用文本周围的视图框来完成的

IE:这不是我想要的:

<Viewbox MaxWidth="100">
    <TextBlock Text="{Binding EmployeeDisplayName, UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Left" VerticalAlignment="Center"/>
</Viewbox>
Run Code Online (Sandbox Code Playgroud)

这使得当太小时,一切都会扩大,而当太大时,一切都会缩小.我只希望它在太大的时候缩小,当它太小时永远不会扩大......

有什么想法吗?

c# wpf truncate scale

15
推荐指数
1
解决办法
5637
查看次数

简单的Jquery悬停放大

我不确定我哪里出错了.我正在尝试使用缩放功能使用Jquery创建一个非常简单的hover-enlarge插件.这是我的代码:

$(document).ready(function(){
    $("#content img").toggle("scale",{
      percent: "80%"
    },0);
$('#content img').hover(function() {
    $(this).css("cursor", "pointer");
    $(this).toggle("scale",{
      percent: "90%"
    },500);

}, function() {
    $(this).toggle("scale",{
      percent: "80%"
    },500);

});
});
Run Code Online (Sandbox Code Playgroud)

这是一个小例子:http://jsfiddle.net/8ECh6/

这是页面:http://samples.zcardna.com/health.html

如果somone知道我哪里出错了那就太棒了!谢谢!

jquery scale hover image-enlarge

15
推荐指数
1
解决办法
9万
查看次数

Android调整位图保持宽高比

我有一个自定义视图(1066 x 738),我传递的是位图图像(720x343).我想缩放位图以适应自定义视图,而不超过父级的边界.

在此输入图像描述

我希望实现这样的目标:

在此输入图像描述

我该如何计算位图大小?

我如何计算新的宽度/高度:

    public static Bitmap getScaledBitmap(Bitmap b, int reqWidth, int reqHeight)
    {
        int bWidth = b.getWidth();
        int bHeight = b.getHeight();

        int nWidth = reqWidth;
        int nHeight = reqHeight;

        float parentRatio = (float) reqHeight / reqWidth;

        nHeight = bHeight;
        nWidth = (int) (reqWidth * parentRatio);

        return Bitmap.createScaledBitmap(b, nWidth, nHeight, true);
    }
Run Code Online (Sandbox Code Playgroud)

但我所取得的成就是:

在此输入图像描述

android bitmap scale

15
推荐指数
1
解决办法
4万
查看次数

如何在matplotlib中的地图中插入比例尺

关于如何在matplotlib中的地图中插入比例尺以显示长度比例的任何想法?就像我附上的那样.

或者也许是自动测量和显示距离的任何想法(不是手动绘制箭头和书写距离!)?

谢谢 :)在此输入图像描述

python matplotlib scale matplotlib-basemap

15
推荐指数
2
解决办法
8712
查看次数

Android:是否可以扩展xml drawable?

这是我想要做的:我有这个比例xml:

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/mydrawable" 
    android:scaleGravity="bottom"
    android:scaleHeight="50%" />
Run Code Online (Sandbox Code Playgroud)

我想将它与这个可绘制的xml一起使用:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <gradient android:startColor="#FFFFFFFF"
                android:endColor="#FFFF0000"
                android:angle="90" />
        </shape>
    </item>
</layer-list>
Run Code Online (Sandbox Code Playgroud)

然后我将scale xml设置为LinearLayout的背景,但我没有看到任何内容.我错过了什么或者不可能这样做(使用XML)?

xml android shape scale

14
推荐指数
1
解决办法
7599
查看次数

我认为CSS3变换translateZ在某种程度上等于规模

在某些情况下,我认为translateZ并且scale具有相同的效果,就像放大或缩小一样.

我认为它们之间有一些计算连接,如果我知道它们的一个值,就像translateZ(-1000px)和父perspective值一样,我可以计算出scale具有相同效果的值translateZ吗?

html5 transform scale css3

14
推荐指数
1
解决办法
6567
查看次数

如何缩放此布局?

我已经在这个布局上工作了一段时间,每一次我都遇到了某种障碍(这里的v1:https://stackoverflow.com/questions/14572569/how-can-i-contain-pos-abs -div-within-specific-area)

我现在要做的是使.spread的大小适应浏览器窗口的宽度和高度,所以它永远不会超过用户目前在浏览器中看到的内容(.spread目前有固定的宽度/高度,用于演示目的).理想的是能够即时调整大小并立即适应(即没有媒体查询).

它在我链接到上面的v1版本中应该工作,但是由于那个.spread缺乏实际的宽度/高度,因此我遇到了淡入淡出效果的问题.

这是新的演示:http:
//jsbin.com/uciguf/1

更新:只要符号如上所述,就可以更改标记.

<div class="scrollblock" id="scroll_spread-1">
    <div class="action"><!-- --></div>
    <!--  -->       
</div>
<div class="scrollblock" id="scroll_spread-2">
    <div class="action"><!-- --></div>
    <!--  -->       
</div>

<div class="contentblock" id="spread-1">
    <div class="inner windowwidth windowheight">
        <div class="content">
            <span></span>
            <div class="spread">
                <div class="fade"><!-- --></div>
                <div class="left centerimage">
                    <img src="http://s7.postimage.org/8qnf5rmyz/image.jpg">
                </div>
                <div class="right centerimage">
                    <a href="#scroll_spread-2"><img src="http://s7.postimage.org/kjl89zjez/image.jpg"></a>
                </div>
            </div>  
        </div>  
    </div>  
</div>

<div class="contentblock" id="spread-2">
    <div class="inner windowwidth windowheight">
        <div class="content">
            <span></span>           
            <div class="spread">
                <div class="fade"><!-- --></div>
                <div class="left …
Run Code Online (Sandbox Code Playgroud)

html javascript css position scale

14
推荐指数
1
解决办法
839
查看次数

Opencv乘以标量和矩阵

我一直在努力实现一些非常微不足道的东西,而且在Matlab中是微不足道的.

我想简单地实现以下目标:

cv::Mat sample = [4 5 6; 4 2 5; 1 4 2];
sample = 5*sample;
Run Code Online (Sandbox Code Playgroud)

之后的样本应该是:

[20 24 30; 20 10 25; 5 20 10]
Run Code Online (Sandbox Code Playgroud)

我曾尝试scaleAdd,Mul,Multiply和既不允许标量乘法器及所需要的相同的"尺寸和类型"的矩阵.在这种情况下,我可以创建一个矩阵,然后使用scale参数,但这看起来非常无关紧要

任何直接简单的方法都会很棒!

scalar opencv matrix multiplication scale

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