react-pinch-zoom-element
TypeScript icon, indicating that this package has built-in type declarations

0.1.8 • Public • Published

react-pinch-zoom-element

NPM version License

Preview

화면 기록 2022-10-28 오후 12 41 46

Installation

$ yarn add react-pinch-zoom-element

How to run example code

$ git clone https://github.com/jinsunee/react-pinch-zoom-element.git
$ cd react-pinch-zoom-element
$ yarn
$ yarn storybook

Full code of example

import React from "react";
import { PinchZoom } from "react-pinch-zoom-element";

export default function PinchZoomExample() {
  return (
    <div
      style={{
        width: "100%",
        height: "100vh",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
      }}
    >
      <div
        style={{
          border: "1px solid green",
          overflow: "hidden",
          width: 800,
          height: 400,
        }}
      >
        <PinchZoom>
          <img
            src={require("./assets/img.jpg")}
            alt=""
            style={{ width: 400, height: 400, pointerEvents: "none" }}
          />
        </PinchZoom>
      </div>
    </div>
  );
}

Readme

Keywords

none

Package Sidebar

Install

npm i react-pinch-zoom-element

Weekly Downloads

1

Version

0.1.8

License

MIT

Unpacked Size

19.6 kB

Total Files

10

Last publish

Collaborators

  • jinsunee