Canvas 的默认大小为 300 像素 ×150 像素（宽 × 高，像素的单位是 px） canvas 看起来和 img 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。

canvas绘制元素的时候，其单位通常都是以像素来统计的，且其设置的像素，是真实屏幕上的像素点数量，而我们通过css设置的像素并不是真实屏幕的像素点数量，其与dpr有关，所以有可能会出现以下情况：即通过css设置画布宽高，之后再在canvas中绘制元素的时候设置与画布相同宽高的像...

起初在boss上看到一个面试官发题，利用canvas实现图片裁切，在学习过程中实现三个小功能，并在此基础上深入学习明白相关工具使用。

一、 前言 很久以前公司有实现过类似功能，最近又有一个场景使用到，特写此篇，以做记录； 文章使用纯原生实现，我在公司vue项目中替换为了vue相关语法，其他语法也可自行扩展； 其中包含改变颜色和线条粗

在canvas的开发中 总会碰到drawImage这个API，但是里面有9个参数，具体代表什么意思有时候会把自己搞混乱了，特此记录一下，加深影响。 就是图片对象，可以是页面上获取的 DOM 对象，也可以是虚拟 DOM 中的图片对象。 表示在 canvas 画布上规划出一片区域用…

vue-pdf结合qinalloyfinger手势缩放, 旋转, 上下翻页, pdf文件; 让你的pdf文件更好的预览

前言 随着智能手机、平板电脑等触控设备的普及，交互方式也发生了改变。相对于使用鼠标和键盘进行交互的电脑，触控设备可以直接使用手指进行交互，而且基本上都支持多点触控。多点触控最常见的操作莫过于双指缩放了

主进程指的是，你在执行 electron . 命令后,对应的当前目录下面的package.json文件下面的main的指定文件将会被执行，这里指的是 由主进程调用GUI接口创建的页面，都有自己的进程，叫做渲染进程。主进程通过实例化BrowserWindow，每个BrowserW…

一、背景 有一款electron开发的桌面应用，因为包含即时通讯的功能，所以在聊天消息中会有很多的图片视频消息以及会话的头像等，这些图片视频占用了大量的网络资源，领导要求优化一下，将图片和视频缓存至本