2020年03月_万少博

原创 Canvas学习记录之drawImage

最新更新时间：2020年03月16日01:06:23《猛戳-查看我的博客地图-总有你意想不到的惊喜》概述本文内容：本文介绍基于drawImage()绘制图片的一些基本用法，基本图片、固定坐标图片、图片裁剪、图片宽高比压缩、圆角图片、圆形头像图片drawImage(image, x, y)从画布坐标(x,y)开始绘制图片，图片不会被裁剪，宽高比保持不变drawImage(...

2020-03-16 01:06:46 1098

原创 Canvas学习记录之fillText

最新更新时间：2020年03月14日16:20:22《猛戳-查看我的博客地图-总有你意想不到的惊喜》概述本文内容：本文介绍基于fillText()绘制文本的一些基本用法，基本文本(字号、色值、字体)、填充文本、描边文本、自动换行文本、左对齐、右对齐、水平居中、垂直居中、在水平方向基于x轴某点中心对称、水平垂直居中fillText(text, x, y [, maxWidth]);...

2020-03-14 16:27:26 4608 2

原创 Canvas学习记录之rect

最新更新时间：2020年03月14日14:29:22《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容：本文介绍基于rect()绘制矩形路径的一些基本用法，矩形、正方形、圆角矩形、线性渐变矩形、辐射渐变圆形rect绘制一个矩形，四个入参依次为：起始点x轴坐标 (起始点为矩形左上角定点)、起始点y轴坐标、宽度、高度canvas画布的原点坐标(0,0)为左上角ctx.re...

2020-03-14 14:29:51 1394

原创 Canvas学习记录之arc

最新更新时间：2020年03月14日00:58:55《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容：本文介绍基于arc()绘制圆弧路径的一些基本用法，圆弧、圆形、环形、球形、扇形、饼状图创建二维渲染上下文var canvas = document.getElementById('canvas');var ctx = canvas.getContext('2d');arc...

2020-03-14 01:08:16 1074

原创 git学习总结之fsck、reflog、恢复已删除分支

最新更新时间：2020年03月12日12:09:55《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容：git常用命令fsckgit fsckfill system check 文件系统检查，用来对本地和远程仓库的一致性检查，dangling objects悬空对象在悬空对象列表中，使用git show commitId查看悬空记录的详情，git merge commi...

2020-03-12 13:03:33 3908

原创在移动端用canvas技术实现一个画板的工程实例

最新更新时间：2020年03月11日22:07:14《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容：在研发C端教育类产品的时候，会遇到在作答题目的时候需要验算或者做草稿，因此诞生了一个草稿本或者小黑板的功能模块，本文统称为画板。本文基于canvas技术，深入讨论实现一个画板功能的原理和核心代码。成品示例图画板的功能包括两部分：控制面板区和绘画区，控制面板区如下图上半部分，集...

2020-03-11 23:22:56 341

原创研发C端产品我遇到的线上事故

最新更新时间：2020年03月03日23:44:03《猛戳-查看我的博客地图-总有你意想不到的惊喜》概述文章主题背景：从业前端开发至今(2016-2020)已有4年时间，有幸在新东方团队参与了用户量过百万的C端产品，经历了从0到1的研发过程，期间参与了技术架构设计、第一次上线面向用户、技术团队管理、项目架构管理、多团队多岗位配合沟通、多人协同开发中代码管理和需求分配、代码审核和分支管理、技...

2020-03-07 20:08:16 347

原创使用腾讯云COS上传图片实例

最新更新时间：2020年03月05日10:53:05《猛戳-查看我的博客地图-总有你意想不到的惊喜》本文内容：在微信小程序中接入腾讯云的COS服务，上传图片至腾讯云的实际应用方案概述对象存储（Cloud Object Storage，COS）是腾讯云提供的一种存储海量文件的分布式存储服务，用户可通过网络随时存储和查看数据。腾讯云 COS 使所有用户都能使用具备高扩展性、低成本、可靠和...

2020-03-05 11:26:59 1898

万少博-FE