node+puppeteer生成海报，解决前端使用canvas绘制，需要跨平台，跨终端，兼容不同浏览器的痛点。

可以同时修饰 image、rect、text 等 。在修饰 text 时则相当于 text-shadow；修饰 image 和 rect 时相当于 box-shadow 你可以在画布的 background 属性中使用以下方式实现 css 3 的渐变色，其中 radial-gr…

这是我参与8月更文挑战的第25天，活动详情查看：8月更文挑战 工作中当遇到需要前端合成海报分享的时候，我们一般会使用canvas进行合成 什么是canvas <canvas> 是 HTML5 新增的元

项目介绍公司拉新和分享活动少不了海报的使用，考虑到生成海报是通用工具以及需要处理前端生成海报的各种兼容性问题，我们开发了此项目。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

Vue + Egg 实现一个 H5页面可视化编辑器 / 可视化配置平台;互联网快节奏时代的当下，h5页面的产出在快速迭代的运营节奏下已经捉襟见肘；今天我们就一起来实现一个可视化配置平台（nocode）

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…