主要技术：扭曲、ctrl+alt+下箭头（轻移，要进行这个操作就先按【v】鼠标变成移动工具才可以使用）、透明度、ctrl+g（编组） （1）首先圆角矩形工具（U），旋转【ctrl+T】，右键扭曲， （2）按【v】转为移动工具，再按ctrl+alt+下箭头（按多几下），把轻移的图层全选按【ctrl+g ...
分类：
其他好文 时间：
2020-11-18 13:25:06
阅读次数：
24
前言 在 Canvas 中我们常常遇到的一个需求 绘制一个圆形或者一个圆角矩形图像，常用于展示用户头像，我们知道 CSS 有 border-radius 属性，但是 Canvas 是没有的~😂 很尴尬，我们就来瞅瞅怎么整出一个圆形头像~ Part.1 效果 圆形头像 圆角矩形 Part.2 原理 ...
分类：
其他好文 时间：
2020-07-02 21:44:20
阅读次数：
78
一、基本概念 刷新 QQ 空间动态时，发现一则广告，随着用户上下滑动动态列表，就会自动切换广告图片，这样的效果对移动端本就不大的屏幕来说，无疑是很精妙的考虑，这样的效果是怎么实现的呢？ 你可以点击这里：QQ空间广告示意demo 接下来就说说这个效果的具体实现思路： 将两张图片通过定位，相对于图片容器 ...
分类：
Web程序 时间：
2020-06-11 00:32:02
阅读次数：
79
圆角矩形可以用为4个角分别设置圆度，但是有顺序的border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px; 简写方法 ...
分类：
Web程序 时间：
2020-05-18 14:25:22
阅读次数：
69
Clip的相关组件： ClipOval: 圆形裁剪 ClipRRect: 圆角矩形裁剪 ClipRect：矩形裁剪 ClipPath: 路径裁剪 参数： clipper：裁剪路径 CustomClipper<Path> 的实现 class ClipWidget extends StatelessWi ...
分类：
其他好文 时间：
2020-03-23 15:08:03
阅读次数：
85
2020-02-06 关键字：EditText自定义背景、shape、corners 通过 xml 定义 View 的背景 Drawable 资源还是挺常用的。 本篇博文记录几种常用的自定义 Drawable 方式。 1、圆角矩形 A、普通圆角矩形 <?xml version="1.0" encod ...
分类：
移动开发 时间：
2020-02-06 14:51:05
阅读次数：
102
CSS中设置元素的圆角矩形 圆角矩形介绍 在CSS中通过border-radius属性可以实现元素的圆角矩形。 border-radius属性值一共有4个，左上、右上、左下、右下。 border-radius属性值规则如下：第一个值为左上、第二个值为右上、第三个值为左下、第四个值为右下。 假如bor ...
分类：
Web程序 时间：
2020-01-26 14:26:19
阅读次数：
95
圆角矩形介绍 在 中通过 属性可以实现元素的圆角矩形。 属性值一共有 个，左上、右上、左下、右下。 属性值规则如下：第一个值为左上、第二个值为右上、第三个值为左下、第四个值为右下。 假如 属性值都是一致的我可以设置一个属性值即可。 圆角矩形实践 圆角矩形基本使用方式 如果我们的 属性值一致实践。 如 ...
分类：
Web程序 时间：
2020-01-21 23:46:14
阅读次数：
112
效果图： 或 方法讲解： （1）invalidate()方法 invalidate()是用来刷新View的，必须是在UI线程中进行工作。比如在修改某个view的显示时， 调用invalidate()才能看到重新绘制的界面。invalidate()的调用是把之前的旧的view从主UI线程队列中pop掉 ...
分类：
移动开发 时间：
2019-08-23 13:38:21
阅读次数：
140
1 初始化 Video.js初始化有两种方式。 1.1 标签方式 一种是在<video>标签里面加上class="video-js"和data-setup='{}'属性。 注意，两者缺一不可。 刚开始的时候我觉得后面的值为空对象{}，不放也行， 导致播放器加载不出来，后来加上来就可以了。 1.2 J ...
分类：
Web程序 时间：
2019-08-23 09:13:21
阅读次数：
2203
