remotion-dev/remotion

`<Gif fit="contain">` does not work #1134

JonnyBurger posted onGitHub

I find this to be wrong:

import {Gif} from '@remotion/gif';
import React from 'react';
import {AbsoluteFill} from 'remotion';

export const Gifs: React.FC = () => {
    return (
        <AbsoluteFill>
            <h1>hi</h1>
            <Gif
                fit="contain"
                style={{
                    height: 200,
                    width: 300,
                }}
                src="https://c.tenor.com/pCcL8OOdEBUAAAAC/gifs-away-gif.gif"
            />
        </AbsoluteFill>
    );
};

The GIF should be contained, not stretched out


@mehmetademi has funded $50.00 to this issue.


posted by issuehunt-app[bot] over 2 years ago

Acceptance criteria for this bounty: The GIF should display in the preview and render equivalent to the background-size: contain / resize-mode: contain in React Native

posted by JonnyBurger over 2 years ago

@jonnyburger has cancelled @mehmetademi's funding for this issue.(Cancelled amount: $50.00) See it on IssueHunt

posted by issuehunt-app[bot] over 2 years ago

Fund this Issue

$0.00
Funded

Pull requests

Recent activities

jonnyburger cancelled funding 50.00 for  remotion-dev/ remotion#1134
over 2 years ago
mehmetademi funded 50.00 for remotion-dev/remotion# 1134
over 2 years ago