前言 在 Canvas 中我们常常遇到的一个需求 绘制一个圆形或者一个圆角矩形图像，常用于展示用户头像，我们知道 CSS 有 border-radius 属性，但是 Canvas 是没有的~😂 很尴尬，我们就来瞅瞅怎么整出一个圆形头像~ Part.1 效果 圆形头像 圆角矩形 Part.2 原理 ...
分类：
其他好文 时间：
2020-07-02 21:44:20
阅读次数：
78
方案一：使用 极坐标系 和 bar 实现 效果： 实现代码： const chartData = { title: { text: '75', textStyle: { color: '#01c4a3', fontSize: 30, }, subtext: '总分：100分', subtextSty ...
分类：
其他好文 时间：
2020-06-28 10:00:54
阅读次数：
336
iOS 上的 CSS 样式协议 VKCssProtocol 迁移一批老文章到掘金 CSS 产生的想法 早先，写过一阵子 RN，前一阵子写微信小程序，深深地觉得 CSS 这个东西写起来很爽，样式与界面完全隔离，写好一套一套的样式CSS Class然后，在写界面 HTML 的时候直接对界面元素，无论是什 ...
分类：
移动开发 时间：
2020-06-27 00:13:59
阅读次数：
70
:hover 当鼠标放到上面时会产生变化 border-radius: 设置圆角 可以分别设置4个角 background-image: linear-gradient(to right,#ff9000,#ff5000);设置线性渐变，括号里的参数第一个参数为方向第二个参数为起始的颜色第三个参数为结 ...
分类：
Web程序 时间：
2020-06-26 16:32:20
阅读次数：
75
package com.ymw.sqlite.view;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint; ...
分类：
其他好文 时间：
2020-06-25 15:52:51
阅读次数：
153
第一步：父层设置文本居中属性。第二步：li设置内联样式。只需以上两步就可以实现导航栏居中显示了，但为了美观好看，可以稍微加点料。以下供参考：list-style:none; 取消列表前面的列表样式border-radius:25px; 设置圆角背景样式text-decoration:none; 取消... ...
分类：
Web程序 时间：
2020-06-22 12:38:30
阅读次数：
51
传送门 每一段圆弧直接求显然是不太好做的，但我们不难发现所有圆弧长度之和就是一个半径为 \(r\) 的圆的周长，那我们考虑只算直线段部分。 线段有两种：一种直接贴着矩形的边的，一种切于两个矩形圆角的。 第一种线段很好求，对于第二种线段画个图发现它其实就是这两段圆弧圆心的连线长度。 那么我们就直接把所 ...
分类：
其他好文 时间：
2020-06-18 21:10:15
阅读次数：
59
精通 CSS3 动画（学完这个课写炫酷页面） 视频选集 1/10 P1浏览器私有前缀 P2圆角边框 P3阴影 P4线性渐变 P5学习猿地价格选项卡 P6径向渐变_1 P7transform2D P8transform3D P9过渡属性 P10动画属性 水平位置 / 垂直位置 ...
分类：
Web程序 时间：
2020-06-17 18:32:10
阅读次数：
80
1 <Grid 2 Width="200" 3 Height="200" 4 Margin="0,0,0,0" 5 HorizontalAlignment="Center" 6 VerticalAlignment="Center"> 7 9 <Border 10 Name="Mask" 11 Gri ...
分类：
其他好文 时间：
2020-06-17 18:21:26
阅读次数：
76
一、基本概念 刷新 QQ 空间动态时，发现一则广告，随着用户上下滑动动态列表，就会自动切换广告图片，这样的效果对移动端本就不大的屏幕来说，无疑是很精妙的考虑，这样的效果是怎么实现的呢？ 你可以点击这里：QQ空间广告示意demo 接下来就说说这个效果的具体实现思路： 将两张图片通过定位，相对于图片容器 ...
分类：
Web程序 时间：
2020-06-11 00:32:02
阅读次数：
79
