react-native-web-canvas

react native web canvas

介绍

在WebView上封装一层，以便使用h5的canvas api

安装

--- ------- -----------------------

API

属性 说明 类型 默认值
renderCanvas 获取canvas对象的回调函数 (canvas: object): void 无
getWebViewInstance 用于获取RN WebView实例的回调函数 (instance: object): void 无
style 设置RN WebView样式 object 无
dimensions 设置canvas 高宽 object 无

用法

------ - ------------ ---- - ---- ---------------
------ ------ - --------- - ---- --------
------ ------ ---- --------------------------

------ ------- ----- ----- ------- --------- -
  -------------------- -
    --- --- - ------------------------
    ------------- - ----------
    --------------- -- ---- -----
  -

  ---------------------------- -
    -------------------- ----------------- ----------
  -

  -------- -
    ------ -
      ----- -------- ------- ---- ------ ------
        -------
          --------------------------------
          ---------------------------- -- ----------------------------------
          ------------- ------- ---- ------ -----
          -------- ---------------- ----------
        --
      -------
    --
  -
-

------------------------------------- -- -- -------

HomePage

https://github.com/zxh742755443/react-native-web-canvas#readme

Repository

git+https://github.com/zxh742755443/react-native-web-canvas.git

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005606681e8991b448de869

阅读全文

猜你喜欢

  • npm 包 logputd 使用教程

    在前端开发中，我们经常需要输出一些调试信息或日志。在过去，我们可能会使用 console.log 或 console.info 等函数来输出这些信息，但这些函数只能在控制台中输出信息，无法将输出信息保...

    3 年前
  • npm 包 amalgam 使用教程

    简介 amalgam 是一个优秀的前端开发依赖库，用于将多个 JavaScript、CSS 或 HTML 文件合并成一个文件。它可帮助我们减少 HTTP 请求，提高 Web 页面的加载速度，同时也方便...

    3 年前
  • session-timeout

    session timeout ERROR: No README data found! HomePage https://github.com/tinkerboyy/angular-idle#rea...

    3 年前
  • npm 包 url-shaper 使用教程

    在前端开发过程中，我们经常很多需要对 URL 进行操作，如拼接、解析、替换等。如果每次都手动编写相关代码，不仅费时费力，还可能会出现一些低级错误。为了简化这一过程，可选用 npm 包 url-shap...

    3 年前
  • npm 包 @kengho/react-textarea-autosize 使用教程

    介绍 在前端开发中，经常会涉及到输入框、文本框等输入组件的开发。而这些组件中，根据输入内容的长度，往往需要自适应调整高度。为了解决这个问题，有时候可以借助第三方组件库。

    3 年前
  • npm包@pluscubed/superlogin-client使用教程

    简介 SuperLogin是一个开源的身份验证解决方案，用于快速构建有保障的Web应用程序。@pluscubed/superlogin-client是SuperLogin的客户端npm包，它提供 Su...

    3 年前
  • npm包asa-swim-time-scraper使用教程

    如果你是一个泳池管理员，你可能需要定期监测你的游泳者在泳池内的成绩和时间。这个时候，asa-swim-time-scraper这个npm包可以帮助你将每个游泳者的成绩记录下来。

    3 年前
  • npm 包 ceri-materialize 使用教程

    如果你是一位前端开发者，那么你一定熟悉 npm。npm 是一个非常强大的 JavaScript 包管理工具，能够让你方便快捷地使用各种各样的 JavaScript 包。

    3 年前
  • npm 包 nereo-cli 使用教程

    介绍 nereo-cli 是一个针对前端项目快速创建的命令行工具。它可以帮助我们在初始化项目时，自动完成构建、配置、安装等繁琐的步骤，让我们更加快速轻松地开始项目开发。

    3 年前
  • npm包side-nav使用教程: 让你的网站快速实现侧边栏导航！

    前言 在网站开发中，侧边栏导航已经成为了普及化的设计元素。一个好的侧边栏能够让你的网站更加直观易用，让访问者更容易找到自己所需的信息。 前端技术向来是以快速出品和实现为导向的领域，这里，我们介绍一款非...

    3 年前
  • npm 包 react-code-split-ssr 使用教程

    前言 在前端开发中，我们经常需要将代码按需分割，以提高页面的加载速度和性能。而 React 作为一种流行的前端框架，也有许多解决方案来实现代码分割。其中，react-code-split-ssr 是一...

    3 年前
  • npm包nyun使用教程

    在前端开发中，我们经常需要处理图片、文字等资源，而nyun是一个npm包，它可以实现图片压缩、图片裁剪、图片格式转换、文字水印等功能。本文将详细介绍nyun的使用，以便开发者能够更好地使用该npm包。

    3 年前
  • npm 包 material-ui-meysamasadian 使用教程

    如果你正在开发一个 React 前端应用，并且想要使用一个现成的、具有美观界面的 UI 库，那么 material-ui-meysamasadian 就是一个值得推荐的选择。

    3 年前
  • npm 包 apidoc-forktest 使用教程

    前言 在开发前端应用程序的过程中，我们通常需要编写 API 文档，以便我们自己或团队成员可以了解 API 的用法。apidoc-forktest 是一个非常方便的 npm 包，可以帮助我们自动生成 A...

    3 年前
  • npm 包 middleware-engine 使用教程

    什么是 middleware-engine middleware-engine 是一个 Node.js 的中间件引擎，它的作用是让用户在编写 Node.js 程序时能够更加方便地使用中间件。

    3 年前
  • npm 包 cordova-plugin-firebase-siticable 使用教程

    在移动端应用开发中，推送服务是非常重要的，它能够及时地向用户推送消息，提高用户留存率和活跃度。Google 的 Firebase 提供了强大的推送服务，而 Cordova 平台也有一个方便易用的插件：...

    3 年前
  • npm 包 creative 使用教程

    前言 在当今的前端开发行业中，npm 的使用日渐普及。而 creative 是一个非常有用的 npm 包，它提供了许多内置函数和工具，可用于快速创建动画、管理样式等方面的工作。

    3 年前
  • npm 包 move_js 使用教程

    简介 move_js 是一个基于 JavaScript 的简单、轻量级的运动框架。它提供了多种动画效果和操作方法，适用于制作网站中的各种动画效果。同时，move_js 还支持多种浏览器，并且具有较强的...

    3 年前
  • npm 包 refire-react 使用教程

    介绍 refire-react 是一个基于 Firebase 的 react 组件库。它提供了一些常见的 react 组件，用于连接 Firebase 数据（如实时数据库和 Firebase 认证）和...

    3 年前
  • npm 包 js0xn 使用教程

    前言 在前端开发中，经常会涉及到对用户输入的过滤或者对 URL 的处理，而安全性往往也是我们需要关注的点之一。其中，JS0xn 这款 npm 包就能为我们提供很好的帮助。

    3 年前

相关推荐

    暂无文章