JS-SDK
在CodePen中体验
安装
bash
npm install -S fastposter
npm install -S fastposter
bash
yarn add -S fastposter
yarn add -S fastposter
bash
pnpm add -S fastposter
pnpm add -S fastposter
javascript
//<script src="https://unpkg.com/fastposter@1.4.0/dist/main.js"></script> 国内不太稳定
<script src="https://cdn.jsdelivr.net/npm/fastposter@1.4.0/dist/main.min.js"></script>
<script>
//fastposter 对象已全局挂在 直接使用即可
</script>
//<script src="https://unpkg.com/fastposter@1.4.0/dist/main.js"></script> 国内不太稳定
<script src="https://cdn.jsdelivr.net/npm/fastposter@1.4.0/dist/main.min.js"></script>
<script>
//fastposter 对象已全局挂在 直接使用即可
</script>
快速模式
方便快速验证,无需后端配合。
token
从应用中心获取
js
import fastposter from 'fastposter';
const config={
token: 'ApfrIzxCoK1DwNZOEJCwlrnv6QZ0PCdv',
endpoint: 'http://127.0.0.1:5000',//云服务版本不需要该参数
}
fastposter.init(config).buildPoster(
'xxxx uuid',
{ 'name': '我是一个动态测试数据' }
).then((res:any)=>{
// 将res 信息直接复制到 img 标签的 src 属性上即可
// document.getElementById('myImg').src = res
}).catch((err:any)=>{
console.error(err)
})
import fastposter from 'fastposter';
const config={
token: 'ApfrIzxCoK1DwNZOEJCwlrnv6QZ0PCdv',
endpoint: 'http://127.0.0.1:5000',//云服务版本不需要该参数
}
fastposter.init(config).buildPoster(
'xxxx uuid',
{ 'name': '我是一个动态测试数据' }
).then((res:any)=>{
// 将res 信息直接复制到 img 标签的 src 属性上即可
// document.getElementById('myImg').src = res
}).catch((err:any)=>{
console.error(err)
})
参数配置
- config 对象参数
属性 | 类型 | 必填 | 说明 | 示例 |
---|---|---|---|---|
token | String | 是 | 业务token | 2a72b451834d4c59 |
endpoint | String | 否 | 业务服务器地址 | https://api.demo.com |
type | String | 否 | 返回图片类型 png jpeg webp pdf | png |
scale | Float | 否 | 返回图片缩放比例[0.1~1.0] (默认1.0 ) | 1.0 |
b64 | Boolean | 否 | 是否将图片以base64编码返回(默认false ) | true |
- buildPoster函数参数
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
uuid | string | 无 | 是 | 海报的uuid |
params | object | 无 | 是 | 海报动态参数,以对象形式传入 |