Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jibenziliao/wepy-painter
小程序生成图片库Painter的wepy版本
https://github.com/jibenziliao/wepy-painter
canvas painter wepy wxapp
Last synced: 4 days ago
JSON representation
小程序生成图片库Painter的wepy版本
- Host: GitHub
- URL: https://github.com/jibenziliao/wepy-painter
- Owner: jibenziliao
- License: mit
- Created: 2019-01-02T06:20:21.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-01-15T06:06:20.000Z (about 6 years ago)
- Last Synced: 2024-12-27T21:33:34.104Z (about 1 month ago)
- Topics: canvas, painter, wepy, wxapp
- Language: JavaScript
- Homepage: https://github.com/jibenziliao/wepy-painter
- Size: 48.8 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 小程序生成图片库[Painter]的Wepy版本
## 基于[painter-wepy](https://github.com/hjyue1/painter-wepy)同步[Painter]新特性
### 安装
```bash
npm install wepy-painter --save
```
```bash
import painter from 'wepy-painter'
```
### 例子
```bash<template lang="wxml" minapp="wepy">
<painter :palette.sync="palette" @imgOK.user="onImgOK" />
</template>import wepy from 'wepy'
import painter from 'wepy-painter'export default class Index extends wepy.page {
components = {
painter
}
data = {
palette: {
{
width: '654rpx',
height: '1000rpx',
background: '#eee'
views: [
{
type: 'text',
text: 'borderWidth',
css: {
bottom: '40rpx',
right: '200rpx',
color: 'green',
borderWidth: '2rpx'
}
}
]
}
}
}
methods = {
onImgOK(e) {
this.imgUrl = e.path
this.$apply()
}
}
}
```
### 更多详细文档,参阅[Painter][Painter]: https://github.com/Kujiale-Mobile/Painter