json2canvas
通过json直接在canvas上绘制图像.基于[cax](https://github.com/dntzhang/cax),借鉴(抄袭)了[mp_canvas_drawer](https://github.com/kuckboy1994/mp_canvas_drawer).比mp_canvas_drawer有更多的图形支持,图片圆角支持,缩放,分组等功能.同时支持小程序和浏览器.
Last updated 5 months ago by willnewii .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install json2canvas 
SYNC missed versions from official npm registry.

概述

通过json直接在canvas上绘制图像.基于cax,借鉴(抄袭)了mp_canvas_drawer.比canvas_drawer多了图片圆角支持,圆形,缩放,分组等功能.文本支持动态高度,竖排.同时支持小程序和浏览器.

预览

预览图

git clone https://github.com/willnewii/json2canvas.git
微信开发者工具导入项目 example/weapp/

功能说明

  • 支持缩放 如果设计稿是750,而画布只有375时.不需要任何换算,只需要将scale设置为0.5
  • 支持图片圆角
  • 支持圆型,矩形,矩形圆角(背景色支持线性渐变)
  • 文本支持竖排,长文本自动换行
  • 支持动态文本
  • 支持分组(cax里很好用的一个功能) 说明
  • 支持旋转

小程序添加json2canvas组件

require:SDKVersion>=2.6.1 小程序已经支持使用 npm 安装第三方包,详见 npm 支持

1.npm i json2canvas
2.微信开发者工具->工具->构建npm
3.在需要使用的界面引入Component
{
  "usingComponents": {
    "json2canvas":"/miniprogram_npm/json2canvas/index"
  }
}

元素属性说明

借鉴和引用

Current Tags

  • 1.2.3                                ...           latest (5 months ago)

13 Versions

  • 1.2.3                                ...           5 months ago
  • 1.2.2                                ...           5 months ago
  • 1.2.1                                ...           5 months ago
  • 1.2.0                                ...           6 months ago
  • 1.1.2                                ...           6 months ago
  • 1.1.1                                ...           6 months ago
  • 1.1.0                                ...           7 months ago
  • 1.0.12                                ...           8 months ago
  • 1.0.11                                ...           a year ago
  • 1.0.10                                ...           a year ago
  • 1.0.9                                ...           a year ago
  • 1.0.8                                ...           a year ago
  • 1.0.7                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 81
Last Day 0
Last Week 27
Last Month 50
Dependencies (2)
Dev Dependencies (14)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |