标签: transform

是否可以将相对于MainWindow的点转换为相对于其子控件之一？例如,假设一个控件的左上角相对于MainWindow位于500,500,那么什么代码会将该数字转换为(0,0)？我希望解决方案与布局机制无关(即不要求我在Canvas中使用控件的父控件并使用Top和Bottom方法).

任何正文都有一个很好的例子,展示了如何使用-moz-transform进行缩放？

我正在尝试使用jquery获取一个元素来设置旋转悬停效果,我有这个jsFiddle来测试.到目前为止我有这个:

$(".icon").hover(function() {
        $(this).stop().animate({transform: "rotate(-90deg)", height: "200px"},400);
    },function() {
        $(this).stop().animate({backgroundColor : "black", color: "red"},400);
    });

但它似乎根本没有旋转它,我意识到设置css的正确方法是:

-webkit-transform:rotate(30deg);

我试过这个:

$(this).stop().animate({-webkit-transform: "rotate(-90deg)", height: "200px"},400);

但即使是高度也不会改变.任何建议都会有所帮助!

链接到JSFiddle

我正在使用Image类的transform方法.

import Image
im = Image.open('Image.jpg')
im1 = im.transform((1000,1000),AFFINE, (1,0,0,1,10,10))

上面的代码产生错误:NameError:未定义名称'AFFINE'.如果我使用"从图像导入*"它的工作原理:

from Image import *
im = open('Image.jpg')
im1 = im.transform((1000,1000),AFFINE, (1,0,0,1,10,10))

但是,我不想覆盖以前定义的方法,因此我想使用"导入图像".如何在不使用"来自图像导入*"的情况下使我的第一个示例正常工作？

我正在创建一个cutomization软件,它将对mst文件进行所有标准化.下面是将更改产品名称和genrate转换的类的代码.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using WindowsInstaller;
using System.Data;

namespace Automation
{
    class CustomInstaller
    {
        public CustomInstaller()
        {
        }
        public Record getInstaller(string msiFile,MsiOpenDatabaseMode mode,string query)
        {
            Type type = Type.GetTypeFromProgID("WindowsInstaller.Installer");
            Installer inst = (Installer)Activator.CreateInstance(type);
            Database db = inst.OpenDatabase(msiFile, mode);
            WindowsInstaller.View view = db.OpenView(query);
            view.Execute(null); 
            Record record = view.Fetch();
            db.Commit();
            return record;

        }
        public bool generateTrans(string file1, string file2,string transName)
        {
            Type type = Type.GetTypeFromProgID("WindowsInstaller.Installer");
            Installer inst = (Installer)Activator.CreateInstance(type);
            Database db1 = inst.OpenDatabase(file1, MsiOpenDatabaseMode.msiOpenDatabaseModeReadOnly);

            try
            {
                Database …

我正在使用这个旋转UIImageView:

[UIView beginAnimations:nil context:nil];
[UIView setAnimationBeginsFromCurrentState:YES];
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
myImgView.transform = CGAffineTransformMakeRotation(angle*M_PI/180);
[UIView commitAnimations];

现在我想获得旋转图像.我可以这样做吗？我试图使用CGImageRotatedByAngle函数使用CoreGraphics来接受这个问题的答案,但它转换坐标slighlty不正确(最后我们得到标记为错误的第三个屏幕截图).如您所见,图像会丢失其原始大小并被裁剪.我的目标是获得像原始大小的中央镜头一样的图像并旋转指定的角度.我的意思是要求旋转形状的大小保持不变,但新图像当然要比初始大.

HTML

<div class="wrapper">
    <div class="parent">
        <div class="child">
            lorem ipsum
        </div>
    </div>
</div>

CSS

.wrapper {
    width: 300px;
    height: 300px;
    margin: 30px auto;
    border: 1px dashed #ccc;
    overflow:hidden;
}

.parent {
    width: 1px;
    height: 100px;
    background-color: #f00;
    opacity: 0;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

.wrapper:hover .parent {
    opacity: 1;
    -webkit-transform: scaleX(300);
            transform: scaleX(300);
}

.wrapper . parent .child {
    -webkit-transform: none;
            transform: none;
}

我想在悬停.wrapper div时只缩放.parent元素.但它也会影响两个div(父级和子级),尽管为.child div提供transform:none属性.如何防止.child受到影响？

http://jsfiddle.net/cdmkoao4/1/

这是目标c和swift的两个代码,两者都是相同的.使用目标c它可以正确地缩放比例,但是在快速中它只是跳到最终值,我认为这是一个错误,有人可以测试并验证它吗？

目标C.

    UIView *testView = [[UIView alloc] initWithFrame:CGRectMake(200, 200, 100, 100)];
    testView.backgroundColor = [UIColor greenColor];
    [self addSubview:testView];

    CAKeyframeAnimation * transformAnim = [CAKeyframeAnimation animationWithKeyPath:@"transform"];
    transformAnim.values                = @[[NSValue valueWithCATransform3D:CATransform3DMakeRotation(3 * M_PI/180, 0, 0, -1)],
                                            [NSValue valueWithCATransform3D:CATransform3DConcat(CATransform3DMakeScale(1.5, 1.5, 1), CATransform3DMakeRotation(3 * M_PI/180, 0, 0, 1))],
                                            [NSValue valueWithCATransform3D:CATransform3DMakeScale(1.5, 1.5, 1)],
                                            [NSValue valueWithCATransform3D:CATransform3DConcat(CATransform3DMakeScale(1.5, 1.5, 1), CATransform3DMakeRotation(-8 * M_PI/180, 0, 0, 1))]];
    transformAnim.keyTimes              = @[@0, @0.349, @0.618, @1];
    transformAnim.duration              = 1;
    [testView.layer addAnimation:transformAnim forKey:@"test"];

迅速

        let testView = UIView(frame: CGRectMake(200, 200, 100, 100))
        testView.backgroundColor = UIColor.greenColor() …

通过AWS API Gateway控制台执行测试时，我看到Lambda函数的输出响应已正确转换：

{
  "type" : "",
  "message" : "",
  "request-id" : ""
}

请参阅以下日志：

Tue Sep 06 14:46:06 UTC 2016 : Endpoint request body after transformations: {}
Tue Sep 06 14:46:06 UTC 2016 : Endpoint response body before transformations: {"errorMessage":"501stef"}
Tue Sep 06 14:46:06 UTC 2016 : Endpoint response headers: {x-amzn-Remapped-Content-Length=0, x-amzn-RequestId=a4540f42-7440-11e6-90ce-214b29fcde38, Connection=keep-alive, Content-Length=26, Date=Tue, 06 Sep 2016 14:46:06 GMT, Content-Type=application/json}
Tue Sep 06 14:46:06 UTC 2016 : Method response body after transformations: {
  "type" : "",
  "message" : …

我需要添加到div旋转.我不需要动画,我只需要内联添加它.rotate的值取决于vue组件中的数据.

.
.
.
data(): function(){
 return{
  deg: 5
 }
}
.
.
.

我试过:

v-bind:style="{ transform: rotate(deg) }"
v-bind:style="$transform: 'rotate('+deg+')'"

也许有人知道,应该如何在vue2？