标签: flip

我将图像上下颠倒,但如何将图像水平翻转

我从相机胶卷加载图像,但此图像是颠倒的.所以我写了旋转它的方法.

CGImageRef imageRef = [image CGImage];

float width = CGImageGetWidth(imageRef);
float height = CGImageGetHeight(imageRef);
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
Byte *rawData = malloc(height * width * 4);
Byte bytesPerPixel = 4;
int bytesPerRow = bytesPerPixel * width;
Byte bitsPerComponent = 8;
CGContextRef context = CGBitmapContextCreate(rawData, width, height, bitsPerComponent, bytesPerRow, colorSpace, kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Big);
CGColorSpaceRelease(colorSpace);
int byteIndex = 0;
CGContextDrawImage(context, CGRectMake(0, 0, width, height), imageRef);

Byte *rawData2 = malloc(height * width * 4);

for (int i = 0 ; i < width …
Run Code Online (Sandbox Code Playgroud)

objective-c rotation flip uiimage

6
推荐指数
1
解决办法
5784
查看次数

CSS翻转代码在IE11中不起作用

我正在尝试为某些图像创建翻转动画,当它们翻转时,显示适当的链接文本.这在我测试的所有浏览器中都能很好地工作,但IE11.

我读到transform-style存在问题:preserve-3d; 对于IE10,但由于我是一名CSS初学者,我一直无法找到纠正编码的方法.

这是HTML:

  <div class="flipcontainer">
    <div class="flipscene3D">
        <div class="flip">
            <div>
                <p>
                    <a itemprop="url" href="ARC3RFC.html"><span itemprop="headline">ARC3RFC Essay: Tomb 100, Tomb U-J and Maadi South: Themes from Predynastic Egypt</span></a> - 2013
                </p>
            </div>
            <div>
                <img src="ARC3RFC.jpg" class="flipimg">
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

而CSS:

img.flipimg {
            height: 150px;
            width: 150px;
            /*border-radius*/
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        .flipcontainer {
            display: block;
            width: 760px;
            height: 700px;
            margin: 30px auto;
        }
        .flipscene3D {
            display: block;
            float: left;
            margin: 10px;
            /*border-radius*/
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px; …
Run Code Online (Sandbox Code Playgroud)

html css internet-explorer flip

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

CSS 翻转卡:如何通过选项卡激活翻转,以便可以通过键盘访问?

我发现了一些关于如何使用 CSS 制作翻页卡的精彩教程。但我的问题是如何使这个键盘易于使用。换句话说,对于仅使用键盘的残障用户来说,希望他们能够仅使用选项卡按钮(从而获得焦点),并且卡片将翻转以显示背面内容并允许选项卡选择链接在卡的背面。

我用 Google 搜索并找到了一些建议(请参阅下面我尝试过的 jsfiddle),但我无法获得成功。

这是一个很棒的网站,具有此功能,但我不知道他们是如何实现的: https: //businessexpress.maryland.gov/

请注意,如果您在上面的页面上按住 Tab 键,最终您的卡片将会翻转,然后您可以通过 Tab 键浏览它们上的链接。例如,对于第一张翻转卡,有一个链接“/plan”,然后它有“/plan/create-business-plan”等子链接。

请注意,我尝试在第 21 行添加一些 CSS,这会影响“active”和“focus”伪类。但只有悬停才能使卡片翻转。我希望点击任何链接都会翻转卡片,就像上面的 maryland.gov 示例一样。

我在这里包含了一个 jsfiddle (有一个小输入元素,因此您可以从中开始切换): https: //jsfiddle.net/anrbhcmv/

HTML:

    <div id="content">
        <h1>Small Business Resources</h1>

    <input type="text">
    <br><br>

        <div class="flip-card">
            <div class="flip-card-inner">
                <a href="#" id="flip-card-inner">
                    <div class="flip-card-front">
                        <div>Card-front content</div>
                    </div>
                </a>
                <div class="flip-card-back">
                    <a href="https://www.google.com">Google</a>
                    <div>Text</div>
                </div>
            </div>
        </div>

    </div><!-- end #content -->
Run Code Online (Sandbox Code Playgroud)

CSS:

/* The flip card container - set the width and height to whatever you want. We have added the …
Run Code Online (Sandbox Code Playgroud)

css accessibility flip

6
推荐指数
1
解决办法
3020
查看次数

使用纯 CSS 进行 3d 转换

我正在尝试用纯 css重建。而我已经做到了这一点。但是,正如您从 Flash 版本中看到的那样,当封面出现时,其他 div 会为悬停的 div 腾出空间。

我试图在 auto 上设置宽度并在该特定 div 上设置过渡属性,但没有运气。我还尝试在悬停之前将 div 的宽度设置为 0,并在悬停时将其设置为 300px,这确实有效,但它并没有真正设置动画..

这可能很简单,也可能不简单,但无论哪种方式,都能朝着正确的方向推动!

谢谢。

html css flip

5
推荐指数
1
解决办法
593
查看次数

寻找HTML5/Javascript PDF页面翻转器

我正在寻找能够显示PDF的非Flash'页面翻页器'.我给出的例子(在Flash中)是:http://www.mitsubishi-motors.nl/digital/1043/index/book/outlanderbrochure.aspx

我查看了Uniflip,但它似乎只是Flash.FlipBook看起来不错(jQuery)但似乎不支持PDF.

我们有能力为此付出代价,但我们没有时间自己建造它.有谁知道那里有什么?

谢谢!

html javascript pdf flip

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

扑克牌翻转动画

您知道任何可以实现3D翻转效果的免费组件/库吗?

在这里演示:snorkl.tv

delphi animation image flip

5
推荐指数
2
解决办法
3092
查看次数

R在图上翻转XY轴

这似乎是一个微不足道的R问题,但我没有找到任何令人信服的解决方案.我想在X轴变成Y的地方翻转我的情节,反之亦然.在boxplot中有一个horiz="T"选项,但不是plot().

这就是我的情节:

plot(rm, type="l", main="CpG - running window 100")

> str(rm)
 num [1:43631] 0.667 0.673 0.679 0.685 0.691 ...
Run Code Online (Sandbox Code Playgroud)

这就是我所拥有的

我想得到这个:

在此输入图像描述

感谢您的反馈.

plot r flip

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

屏幕颠倒了

我正在测试/调试Android应用程序,即使我已经设置

configChanges="keyboardHidden|orientation"
android:screenOrientation="portrait"
Run Code Online (Sandbox Code Playgroud)

和使用

setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
Run Code Online (Sandbox Code Playgroud)

屏幕颠倒了.这似乎出现在WXGA 4.0,4.1,4.2上.它是与API,模拟器或其他相关的东西吗?我问这个问题是因为我没有发现任何官方和明确的内容.
谢谢.

PS:作为一个解决方案,如果有API问题,我应该检查它的版本并旋转屏幕还是有更好的东西?

android flip orientation

5
推荐指数
1
解决办法
2114
查看次数

Three.js:如何在负标度后翻转法线

我克隆并使用负刻度翻转对象,这会导致我的单面朝向反转.我的问题是,我怎样才能翻转法线呢?

我不想使用material.side = THREE.DoubleSide,原因是:1)没有正常工作(一些阴影是从内部绘制的)和2)想保持尽可能多的性能.所以DoubleSide对我来说不是一个选择.

这是我的对象如何翻转.

mesh.scale.x = - scale_width;
Run Code Online (Sandbox Code Playgroud)

提前致谢!

flip normals scaletransform three.js

5
推荐指数
2
解决办法
6041
查看次数

垂直翻转图像 (Swift)

如何垂直(向上/向下)翻转 UIImage?这是之前问过的问题...

我在图像视图中显示图像,并且可以在图像中绘制。对于擦除功能,我在 CAShapeLayer 中使用了 UIBezierpath。CAShapeLayer 的strokeColor 是UIColor(patternImage: background).cgColor,其中background 是与image view 中的图片相同的图片。背景竟然是颠倒的。从其他 Stackoverflow 帖子中我了解到这是因为 UIKit 和 Core Graphics 为其坐标系统使用了另一个原点。

我尝试了 Stackoverflow 帖子中的一些解决方案来翻转我的背景图像。这些都没有工作:

UIImage* sourceImage = [UIImage imageNamed:@"whatever.png"];
UIImage* flippedImage = [UIImage imageWithCGImage:sourceImage.CGImage 
                                            scale:sourceImage.scale
                                      orientation:UIImageOrientationUpMirrored];
Run Code Online (Sandbox Code Playgroud)
let ciimage: CIImage = CIImage(CGImage: imagenInicial.CGImage!)
let rotada3 = ciimage.imageByApplyingTransform(CGAffineTransformMakeScale(1, -1))
Run Code Online (Sandbox Code Playgroud)
func flipImageVertically() -> UIImage? {
    UIGraphicsBeginImageContextWithOptions(size, false, scale)
    let bitmap = UIGraphicsGetCurrentContext()!

    bitmap.translateBy(x: size.width / 2, y: size.height / 2)
    bitmap.scaleBy(x: 1.0, y: -1.0)

    bitmap.translateBy(x: -size.width / …
Run Code Online (Sandbox Code Playgroud)

flip orientation uiimage ios swift

5
推荐指数
1
解决办法
3025
查看次数