11 2018 档案

Angular5 自定义scrollbar样式之 ngx-malihu-scrollbar
摘要：简介 此插件是 Malihu jQuery Scrollbar 为了在 Angular2+ 环境下使用，封装的一个ts的版本。提供 和`service`。 从安装量来看，它比不过 perfect scrollbar，所以我最后也没用它。但是也记录一下用法，万一以后要用呢！ 安装 我当时安装的版本是 阅读全文
posted @ 2018-11-30 15:31 生活总得有些仪式感 阅读(936) 评论(0) 推荐(0)
【css】子元素浮动到了父元素外，父元素没有随子元素自适应高度，如何解决？
摘要：正常情况 如果子元素没有设置浮动（float），父元素的高度会随着子元素高度的改变而改变的。 设置浮动以后 父元素的高度不会随着子元素的高度而变化。 例如：在一个 中定义若干个 ，并设置 显示结果就会是这样： 解决办法 1. 最简单的方法是，给父元素增加 2. 在子元素的最后一个清除浮动 阅读全文
posted @ 2018-11-20 10:51 生活总得有些仪式感 阅读(2415) 评论(0) 推荐(0)
Canvas入门08-绘制仪表盘
摘要：需求 实现下图所示的仪表盘的绘制。 分析 我们先来将仪表盘进行图形拆分，并定义尺寸。 我们绘制的逻辑： 1. 绘制中心圆 2. 绘制环外圈圆 3. 绘制环内圈圆 4. 绘制刻度内圈圆 5. 绘制刻度线 6. 绘制刻度文字 7. 绘制指针 定义圆 绘制中心圆 中心圆半径是10，圆心是画布中心。 绘制环 阅读全文
posted @ 2018-11-13 16:32 生活总得有些仪式感 阅读(2303) 评论(0) 推荐(1)
Canvas入门07- 自定义实现虚线的绘制
摘要：预备知识 直线的斜率 一条直线与某平面直角坐标系x轴正半轴方向的夹角的正切值即该直线相对于该坐标系的斜率。 对于一条直线 y = kx +b，k就是直线的斜率。 斜率的计算 对于一条已知的线段，求斜率θ，使用反正切函数 θ=arctan((y2 y1) / (x2 x1)) 在JavaScript中 阅读全文
posted @ 2018-11-08 15:41 生活总得有些仪式感 阅读(717) 评论(0) 推荐(1)
angular5 给元素添加自定义属性
摘要：今天尝试给一个 标签添加一个自定义属性，用于存放相关数据，但是angular templates 编译不通过。 是支持的，但是 不支持。 而且 在最后会编译成 属性。 正确的方法是，在自定义属性前加上 或者 阅读全文
posted @ 2018-11-08 13:28 生活总得有些仪式感 阅读(4317) 评论(0) 推荐(0)
Canvas入门06-线段与像素边界
摘要：我们知道，使用以下2个API可以绘制一条线段： moveTo(x, y) 向当前路径中增加一条子路径，该子路径只包含一个点，此为线段的起始点 lineTo(x, y) 将线段的下一个点加入子路径中 但是你会发现，这条线段的宽度并不是1px，而是2px。 再画一条宽度为2px的线段。 这条线段宽度与第 阅读全文
posted @ 2018-11-06 15:04 生活总得有些仪式感 阅读(402) 评论(0) 推荐(0)
Canvas入门05-渐变颜色
摘要：线性渐变API: ctx.createLinearGradient(double x1, double y1, double x2, double y2) 创建一个渐变实例 (x1, y1) 渐变的起始点 (x2, y2) 渐变的终止点 gradient.addColorStop(offset: d 阅读全文
posted @ 2018-11-02 15:35 生活总得有些仪式感 阅读(2920) 评论(0) 推荐(0)
Canvas入门04-绘制矩形
摘要：使用的API: ctx.strokeRect(x, y, width, height) 给一个矩形描边 ctx.fillRect(x, y, width, height) 填充一个矩形 ctx.clearRect(x, y, width, height) 清除矩形区域 ctx.lineJoin = 阅读全文
posted @ 2018-11-02 14:50 生活总得有些仪式感 阅读(327) 评论(0) 推荐(0)