【文件属性】:
文件名称:canvasH5:使用原生canvas画海报
文件大小:129KB
文件格式:ZIP
更新时间:2021-05-02 14:52:40
JavaScript
Canvas 实现 H5 海报 - Vue 版
由于后端画图严重影响服务器性能,所以改为由前端来做。利用 canvas 与 vue 生成 H5 海报。
Installing
git clone 项目名
使用方法
安装 http-server:打开终端,进入目标文件夹,安装 http-server:npm install http-server -g
启动服务:在终端敲入 http-server 启动
查看结果:在谷歌游览器打开
Built With
- 前端框架
- html5 特性
- Promise based HTTP client for the browser and node.js
实现原理
利用 Canvas 画板功能实现海报:
项目中图片数据临时使用,所以 expressData 中数据直接写死
利用 Vue 与 axios 向后端发送数据请求(暂未启用)
请求数据说
【文件预览】:
canvasH5-master
----index.css(102B)
----README.md(3KB)
----libs()
--------qrcode.min.js(19KB)
--------wxsdk.js(24KB)
--------vue.min.js(84KB)
--------vue.js(279KB)
--------axios.min.js(13KB)
----index.js(6KB)
----index.html(734B)