在开发中遇到一个需求，类似windows的鼠标绘制一个框选区域，在框选区域中的元素被选中并且能够设置背景颜色，同时按下shift、ctrl键能够追加选中的元素，接下来的实现用到了Canvas封装的一些

之前一篇文章介绍了如何判断一个点是否位于Canvas内，但不能够判断某个点是否位于某个区域内，现在对其进行补充，然后对常用的绘制图形、线段、文本的方法进行封装。     首先，创建一个容器，用来接收后

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第5天，点击查看活动详情 canvas介绍 官方文档：https://uniapp.dcloud.net.cn/api/canvas

最近在用uniapp开发小程序，需要用到canvas画海报然后再保存本地。uniapp是去DOM化的，因此只能使用uniapp的官方canvas来实现。这里我把用到的几个功能拆解出来，而不用通读代码。

uniapp 微信小程序端生成海报图,使用l-painter插件使用说明,可以以json形式构造结构,并保存系统相册

这个方案，额。。。可能这就是程序员头发少的原因吧。费尽千辛万苦画好，万一视觉调整一下。。这个方案开发费时费力，不好维护。虽然web端有react-canvas，小程序也有一些工具，但目前都只是封装了绘制矩形、文字等方法，对于布局来说还是需要手动计算宽高以及位置，没有完全解决痛点…

原生微信小程序使用canvas生成图片并保存到本地的一次代码优化和整理。是一次完整的需求开发过程整理。

做了个海报生成的需求，顺便整合一下问题和js，以后再做海报生成方便些。 获取的canvas实例,this就是小程序的当前页面的this指向。(注意一下异步函数里的this指向) 矩形中问题比较麻烦的就是圆角矩形了，css中可以直接使用border-radius来设置圆角，can…

本周有个需求是将HTML渲染好的页面生成图片，用户在微信端使用的时候能够保存到相册。于是一顿搜索猛如虎之后，发现html2canvas这个插件能够解决。因为项目中用到的框架是vue，这里就讨论一下在vue中如何使用html2canvas。