![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
文章平均质量分 62
codeXml
web developer
展开
-
html2canvas生成的图片偏移不完整
问题背景:生成的图片在一个弹窗里面,如果页面没有滚动条就是正常的,但是一旦出现滚动条并且页面发生滚动时html2canvas绘制成的图片就会偏移出对应滚动高度的白边,如下:解决办法:楼主查了很多资料,也用了很多方法都没能解决这个问题,一气之下打算研究研究html2canvas的配置参数,果不其然,在配置参数RenderOptions下找到如下配置眼尖的楼主立马发现了scrollY这个东西。...原创 2020-02-16 17:03:34 · 7879 阅读 · 2 评论 -
uniapp使用canvas绘制卡片并下载到本地
效果:简介最多显示3行,超过3行部分用省略号(…)代替。代码:<canvas style="width: 100%; height: 409px;" canvas-id="myCanvas"></canvas>// 绘制图片createImg (qrcode) { uni.showLoading({ title: '生成中' }) const that = this; const ctx = uni.createCanvasContext('myCanvas原创 2021-10-21 13:44:16 · 665 阅读 · 0 评论 -
canvas文字换行处理
项目中需要用到canvas绘图,关于文字换行的处理一直没找到合适的解决方案,于是自己动手撸了一个。函数实现的功能:1、设置最大行数(最多多少行),超出部分用省略号(…)表示。2、最大行数(lineNum)传入-1,实现自动换行效果。参数说明: * 参数解析: * * ctx: canvas绘图上下文 * str: 需要绘制的文本内容 * draw_width: 绘制后的文字显示宽度 * lineNum: 最大行数,多出部分用'...'表示, 如原创 2020-12-11 14:50:59 · 6472 阅读 · 6 评论