canvas
关注
分享
扫一扫
文章平均质量分 55
web前端小龚
都是干货
展开
-
移动端预览PDF及转成图片保存
欢迎点击: 个人官网博客移动端预览PDF及转化为图片保存一、iframe标签预览pdf二、vue-pdf 预览pdf(可自行封装弹出等效果)1.下载依赖包2.1上下滑动式2.3分页式三、pdf.js(可预览可下载) 将pdf--->canvas--->图片由于微信中苹果限制，是无法保存下载pdf文件的，安卓可以（会自动跳转到系统自带浏览器下载）。但是为了让用户能保存pdf，就只有改需求将其转化为图片，图片在微信是不受限制可以保存的。一、iframe标签预览pdf<iframe原创 2021-06-02 16:14:36 · 6413 阅读 · 5 评论 -
Canvas画布(二)刮刮卡案例(刮奖)
欢迎点击: 个人官网博客先上效果图：(前方高能)案例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head&原创 2021-03-02 11:22:37 · 1045 阅读 · 0 评论 -
Canvas画布(一)基本用法
欢迎点击: 个人官网博客基本用法使用canvas元素，首先设置width和height属性，为其设置绘制区域的大小，或者js设置宽高，当用户的浏览器不支持canvas元素时会显示，用于友好地提示用户。<canvas id="canvas" width="400" height="300">抱歉，您的浏览器不支持canvas元素</canvas>1.获取绘图上下文，而取得上下文对象的引用，需要调用getContext()方法，并传入上下文参数"2d"，这样就能取得2D上下文对原创 2021-03-02 10:40:36 · 1996 阅读 · 0 评论