canvas-share
v1.0.1
Published
canvas draw pic
Downloads
1
Readme
example
const paint = require('../index');
const fs = require('fs')
const out = fs.createWriteStream('./test.png')
let p = paint({
width: 750,
height: 1152,
background: '#ffffff',
actions: [
{
type: 'fill',
w: 126,
h: 80,
x: 594,
y: 30,
radius: '10 10 0 0',
background: '#979797'
},
{
type: 'fill',
color: '#626262',
text: 'TESTD',
w: 126,
h: 46,
x: 594,
y: 110,
radius: '0 0 10 10',
background: '#CCCCCC'
},
{
type: 'text',
text: '跨 境',
x: 627,
y: 62,
fontSize: 26,
color: '#FFFFFF'
},
{
type: 'text',
text: '商 品',
x: 627,
y: 94,
fontSize: 26,
color: '#FFFFFF'
},
{
type: 'text',
color: '#FF0100',
fontSize: 34,
text: '¥',
x: 30,
y: 850
},
{
type: 'text',
color: '#FF0100',
fontSize: 60,
text: '118',
x: 56,
y: 850
},
{
type: 'text',
color: '#999999',
needLine: true,
fontSize: 28,
text: '¥',
x: 171.5,
y: 850
},
{
type: 'text',
color: '#999999',
needLine: true,
fontSize: 28,
text: '178',
x: 193.5,
y: 850
},
{
type: 'fill',
borderColor: '#ff0000',
color: '#ff0000',
fontSize: 20,
text: '包税',
x: 50,
y: 870,
w: 60,
radius: '15'
},
{
type: 'fill',
color: '#000000',
fontSize: 32,
text: 'DoMeCare 欣兰 黑里透白冻膜 225克 亮白清洁 毛孔吸尘器',
x: 40,
y: 905,
w: 400,
textAlign: 'left',
lineHeight: 1.3
},
{
type: 'image',
h: 750,
url:
'http://haitao.nos.netease.com/c2618d1588714b9aaab66be6d29379c01560251976092jwrpqpop10441.jpg',
w: 750,
x: 0,
y: 0
},
{
type: 'image',
h: 75,
url:
'https://img.alicdn.com/tfs/TB1Jpa8mKL2gK0jSZPhXXahvXXa-750-50.png',
w: 750,
x: 0,
y: 1082,
index: 1
},
{
type: 'image',
h: 249,
url:
'https://haitao.nos.netease.com/9e8cf901-e73d-4fc7-a5b8-29488b472441_214_261.png',
w: 214,
x: 496,
y: 795,
index: 1
},
{
type: 'image',
h: 130,
url: 'http://haitao.nos.netease.com/1bvmjuutb68_120_120.jpg',
w: 130,
x: 40,
y: 40,
index: 1
},
{
type: 'image',
h: 102.4,
url:
'https://haitao.nos.netease.com/834efbed-8221-4f41-acaf-5a138bf8cc86_234_100.png',
w: 240,
x: 40,
y: 610,
index: 1
},
{
type: 'line',
width: 1,
color: '#E8E8E8',
points: ['0 751', '750 751']
},
{
type: 'qrcode',
w: 190,
h: 190,
x: 508,
y: 803,
index: 2,
text: 'https://www.baidu.com'
}
],
output: {
type: 'Stream/png',
config: {
quality: 0.8
}
} // DataURL/png DataURL/jpeg Buffer/png Buffer/jpeg Stream/png Stream/jpeg
})
.then(stream => {
stream.pipe(out);
out.on('finish', () => console.log('The PNG file was created.'));
})
.catch(console.error);
Result pic:
todo
画圆优化
不同环境不同包