基于Canvas开发的Excle技术预研
git clone https://github.com/bojue/canvas-excel.git
npm install
npm run dev //本地运行
npm run build //构建生产包
http://localhost:4000/
ExcelDataItem = [
[
'colums', // 列数
'rows', // 行数,
],
'txt', // 内容类型 txt|img|...
'value', // 内容
{
'text':{
'color':'#000',
'fontStyle': 'normal' || 'italic',
'fontFamily':'微软雅黑',
'fontSize':10,
'fontWeight': 'normal' || 'bold',
'lineHeight':10,
'textAlign': 'center' || 'right' || 'center',
},
'line':{
'textLine':'underline' || 'normal'
},
'rect': {
'fillStyle':"#fff"
}
}
]
待优化方案
目前组件化根据excel的功能布局拆分,多层级需要引入状态管理的内容