摘要: 效果图: 思路: 绘制文字 绘制高度为1px的长方形,并用黑色填充 长方形的宽度为文字的长度 具体代码: let canvas = document.getElementById('canvas'); let ctx = canvas.getContext('2d'); const text = ' 阅读全文
posted @ 2021-01-07 13:31 巫瞅瞅 阅读(1983) 评论(0) 推荐(0) 编辑
摘要: 原因: 在移动端,手机的dpi是实际设计稿尺寸的2倍 设计稿尺寸: 210*168 canvas尺寸: 420 * 336 Taro.canvasToTempFilePath: width: 420, height: 336; destWidth: width * 2, height: height 阅读全文
posted @ 2021-01-07 11:21 巫瞅瞅 阅读(716) 评论(0) 推荐(0) 编辑
摘要: 效果图: 思路: 先绘制一个圆角长方形 在画布中裁剪下来 在圆角长方形内绘制图片 图片四个角超出圆角长方形的区域被隐藏 具体代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpor 阅读全文
posted @ 2021-01-07 10:49 巫瞅瞅 阅读(2470) 评论(0) 推荐(0) 编辑