EmiyaGm的专栏

分享商品生成海报的需求技术点总结 需求描述 商品详情页中，点击分享按钮，能生成一张可以保存到手机的商品海报图片，让用户保存到手机之后，可以通过微信或者别的聊天工具，发送这张图片到聊天中，达到分享的效果。 需求分析 整个海报的尺寸比例和外背景由设计提供的背景图来决定，上方的商品图需要根据进入的商品详情不同，而去获取不同的商品主图。右下方放置的二维码，需要根据所选的商品不同，由前端生成不同的分享地址来生成不同的二维码图片。 实现方案 我采用的方案是，先在页面上根据设计的设计图和尺寸比例，渲染出一个海报的 DOM

纯CSS制作三角形的原理 用以下代码可以实现#triangle-up { width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:100px solid red; }下面介绍原理 首先呢，下面是一个盒模