问题标签 [scaletransform]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ios - ios CATransform3DMakeScale 放大动画
我有以下动画:
我正在缩小子视图的地方。但我试图做相反的事情。从子视图大小的 0.01% 开始,到子视图大小的 100%。有谁知道我该怎么做?
wpf - 液晶屏全高清的WPF
我正在开发一个 WPF 应用程序,它将显示在全高清 LCD 屏幕(42 英寸)中。此外,我需要将控件容纳在绝对位置。在开发环境中,我看不到长度为 1920x1080 的窗口(这是目标屏幕的固定分辨率)。
完成此任务的最佳实践是什么?
ios - IOS:展开一个imageView全屏
我有这种情况
橙色区域是我的视图,绿色区域是 ImageView;现在我想问你是否有办法放大这个 imageView 全屏并用动画将它扩展到所有视图。我知道如何制作动画,我认为我可以使用
imageView.transform=CGAffineTransformMakeScale(x, y);
但这不简单,你能帮帮我吗?
css - 更改流体图像纵横比 css
我正在尝试使用 css 将 6 个图像并排放置,整个图像应该能够在大多数显示器中很好地缩放(目前除了移动设备),所以我做了这个: http://pelloponisos.telesto .gr/galleryTest/test/gallery.php# (显然我正在尝试制作另一个轮播)
我的大多数图像的宽度都大于高度,所以当我缩放它们时,我只是将 width:x% 放在 li 容器中,并将 100% 用于图像宽度。
但是第六张图像不同,它会引起很多麻烦我也尝试设置高度,但您只能根据两者之一缩放图像。
到目前为止唯一有效的是在 ul 中放置一个静态高度,然后在宽度和高度上进行缩放,但它不是一个流体网格。
有没有办法让所有 li 元素都具有流动的高度,然后根据它缩放所有图像?或者如果没有,有什么方法可以制作与我在css中指定的比例不同的图像?
ipad - webkit 变换比例使项目消失
我正在尝试在我的 HTML 页面中缩放一个 div。这个 div 包含很多画布元素和其他 div 元素。基本上,这个 div 充当页面中所有其他项目的容器。使用 Chrome "23.0.1271.95 m" 和 IOS6.0 safari,缩放后不会出现此 div 右侧和底部的项目。如果我调整窗口大小(或更改 iPad 上的方向),则 div 会正确缩放并且项目开始出现,但在一定大小后再次消失。
这曾经在 IOS 5.0 和以前的 chrome/safari 版本中正常工作。这是最新的 webkit 版本中的错误吗?另外,是否有任何解决方法可以避免这种行为?
android - android在缩放动画后设置新大小
我正在使用翻译和缩放动画。首先,我将框架布局转换为屏幕中心,然后使用布局参数将其位置参数设置为屏幕中心。这很好用!在翻译动画结束时,我运行缩放动画,我的布局缩放为原始大小的 2 倍。实际上我的框架布局(我正在制作动画)由按钮和图像视图组成。与在 android 中一样,动画不会改变视图,它只会改变必须绘制的位置。现在我的问题是我无法让我的按钮工作。因为它们实际上并不存在!
我通过在动画结束后设置其位置参数找到了平移动画的解决方案。这会将视图永久移动到新位置。
但是,在缩放动画的情况下,我必须更改布局的大小以及其中的子级。但它不起作用,因为我将原始高度宽度与比例因子相乘。这是我的缩放动画代码。
ps setFillAfter(true) 和 setFillEnabled(true) 不是解决方案。
ios - 如何将 CGContextScaleCTM 和 CGContextTranslateCTM 放在 drawRect 之外?
我在这种路径绘制方面相当初学者,但是在显示地图时,我意识到 CGContextScaleCTM 和 CGContextTranslateCTM 在我的 drawRect 中占用了大量时间。把那些带到外面就好了。因为我总是画同一张地图,我认为这应该是可能的。但是怎么做?
c# - 绘制线条与矩形时的奇怪行为
好的,我该如何开始?
我有一个能够在屏幕上绘制一些形状(实际上是几千个)的应用程序。它们有两种类型:矩形和直线。矩形有填充,线条有 Stroke + StrokeThickness。
我从两个文件中读取数据,一个用于顶部,一个用于底部。为了显示数据,我使用了一个内部带有 Canvas 的 Viewbox(因此内容被很好地拉伸了)。显示器上的整个东西看起来像这样(这是正确的):
现在,同样的应用程序应该将此图像打印到打印机(为了测试,我使用 Windows 附带的 XPS 打印机)。
当我打印它时(代码如下),它为顶部提供了相同的图形,但为底部提供了以下内容:
看起来所有“线条”都丢失了(矩形存在)。为了显示底部,我使用 -1/-1 的比例变换(水平和垂直镜像)。如果我将比例变换设置为 1/1,我会得到以下结果:
现在我被困住了。为什么所有的线条都消失了,但如果没有镜像,它们就在那里。最外面的矩形也有一点偏移(这可能是由于数据,所以请不要专注于此)。
我用于在屏幕上绘图的代码是:
对于打印,我不依赖 XAMl,而是手动进行(无论我是否使用 ContentPresenter,它都不会改变任何事情):
看起来线条只会在我水平镜像它时消失,因为顶视图总是正确的(并且它也是垂直镜像的)。
有任何想法吗?如果有不清楚的地方,我会很乐意详细说明。我认为它与比例变换有关,但我不明白如何(以及为什么它会在屏幕上工作?)。
windows-phone - 如何在 Windows Phone 应用程序中缩放图像轴?
如图所示,我在网格中使用 4 个图像。现在我想在点击时将相应的图像缩放到提到的箭头方向上的网格大小,例如
image2 size(width and height) = grid(dimension) on tap 和 image2 向左缩放,如图所示。
d3.js - 为什么我在这个 d3 代码中的缩放错误?
此代码在此处实时运行:http: //domtree.breckyunits.com
稍微偏离的部分是缩放行为。当我放大一个点时,它会正确放大,但会转换到错误的点。我觉得我需要同时进行某种类型的转换/翻译,但我不太确定如何理解这些东西。我对线性代数和向量/矩阵的练习很少。
需要工作的部分代码是重绘函数:
您可以在https://github.com/breck7/domtree/blob/master/domtree.js查看所有代码
vis 在前面的代码中定义: