React Native中使用Canvas绘制图形

精心设计了canvas 菜单组件用于react native 应用开发

React原生画布视图 React Native组件，用于实现可绘制的画布。 允许显式的行为（使用paths和active={false} ）或允许视图自行处理用户输入。 道具 active:boolean启用/禁用视图的绘图功能（禁用以controlled使用） strokeColor:number将画布笔触设置为给定的本机兼容颜色 strokeWidth:number设置宽度 paths:[Path] -明确设置画布上绘制的路径（允许使用controlled画布） ViewSnapshot模块 实际的react组件（请参阅目录）在拍摄画布照片时会花费很多精力。 ViewSnapshot.

React Konva是一个JavaScript库，用于使用绘制复杂的画布图形。 它提供了声明性和React性绑定。 尝试使与HTML5画布库一起使用。 目标是具有与常规React类似的声明性标记，并具有相似的数据流模型。 目前，React ...

React本机签名画布 对Android && IOS && expo的基于本地签名组件的Canvas进行React 支持Android，iOS和Expo 没有本地依赖项的纯JavaScript实现 经过RN 0.50测试 核心使用 只依靠React和React本机 生成签名的base64编码png图像注意：从Expo SDK v33.0.0开始，Expo支持React Native Signature Canvas v1.5.0。 安装（适用于React Native V0.60.0或Expo SDK v35.0.0） npm install --save react-native-

:artist_palette: React本机素描 用于基于触摸的绘图的React Native组件。 产品特点 :backhand_index_pointing_up: 用手指绘图，并从中导出图像。 :crayon: 动态更改笔触的颜色和粗细。 :ghost: 生成透明图像（或不生成）。 建立 从npm安装模块： npm i -S react-native-sketch 将模块链接到您的项目： react-native link react-native-sketch 用法 import React from 'react' ; import { Alert , Button , View } from 'react-native' ; import Sketch from 'react-native-sketch' ; export default class MyPaint extends React . Component { save = ( ) => { this . sketch . save ( ) . then ( ( { path } )

无法保留此套餐 您应该将与一起使用 react-native-sketch-view React Native组件，用于支持iOS和Android的基于触摸的绘图。 受库的启发， 和 。 编写此组件是为了满足以下用例： 适用于iOS和android的基于Touch的基本绘图。 不应包含任何用于交互的UI元素。 可以在react native中创建和自定义UI元素。 支持触摸绘图，擦除部分绘图，清除绘图，本地保存绘制的图像以及打开本地保存的图像。 入门 $ npm install react-native-sketch-view --save或$ yarn add react-nati