Releases · uiwjs/react-signature

17 Jan 17:10

v1.3.1

c678db9

v1.3.1 Latest

Latest

Documentation v1.3.1: https://raw.githack.com/uiwjs/react-signature/503d643/index.html
Comparing Changes: v1.3.1...v1.3.1

Assets 2

02 Dec 04:04

github-actions

v1.3.0

bf2a213

v1.3.0

Documentation v1.3.0: https://raw.githack.com/uiwjs/react-signature/bab8ae4/index.html
Comparing Changes: v1.2.3...v1.3.0

🌍 website: update example. 06fb363 @jaywcjlove
🌟 feat: Enhance the renderPath props. 7dbee61 @jaywcjlove
🌟 feat: add canvas component. 1ab8c6e @jaywcjlove

Canvas

Experimental components

import Signature from '@uiw/react-signature/canvas';

import React, { useRef } from "react";
import Signature from '@uiw/react-signature/canvas';

export default function App() {
  const $canvas = useRef(null);
  const handle = (evn) => $canvas.current?.clear();
  return (
      <Signature ref={$canvas} width="450" height="230"  />
  );
}

Enhance the `renderPath` props

export interface SignatureProps extends React.SVGProps<SVGSVGElement> {
    prefixCls?: string;
    options?: StrokeOptions;
    readonly?: boolean;
    defaultPoints?: Record<string, number[][]>;
-    renderPath?: (d: string, keyName: string, point: number[][], index: number) => JSX.Element;
+    renderPath?: (d: string, keyName: string, point: number[][], index: number, container: SVGSVGElement) => JSX.Element;
    onPointer?: (points: number[][]) => void;
}

Contributors

jaywcjlove

Assets 2

30 Nov 02:37

github-actions

v1.2.3

d5f0f9b

v1.2.3

Documentation v1.2.3: https://raw.githack.com/uiwjs/react-signature/0c9d693/index.html
Comparing Changes: v1.2.2...v1.2.3

🌟 feat: enhance renderPath props. e718994 @jaywcjlove

export interface SignatureProps extends React.SVGProps<SVGSVGElement> {
    prefixCls?: string;
    options?: StrokeOptions;
    readonly?: boolean;
    defaultPoints?: Record<string, number[][]>;
-    renderPath?: (d: string, keyName: string, point: number[][]) => JSX.Element;
+    renderPath?: (d: string, keyName: string, point: number[][], index: number) => JSX.Element;
    onPointer?: (points: number[][]) => void;
}