引子 在最近的工作中碰到了合成图片的需求，首先想到的便是 canvas，到网上查找了一些资料，大部分也是使用 canvas。因为好久没有实际接触过这方面的东西了，感觉到一些兴奋。预估会收获不少。 Origin My GitHub 宽高问题 因为是在手机上，需要进行不同尺寸的适配，在项目中使用的是 r ...
分类：
其他好文 时间：
2020-06-24 09:15:08
阅读次数：
69
公共样式 .wrapper{ width: 300px; height: 300px; background-color: chartreuse; margin-right: 30px; display: inline-block; } .content{ width: 100px; height: ...
分类：
Web程序 时间：
2020-06-23 01:26:22
阅读次数：
87
from matplotlib import pyplot as plt import matplotlib from matplotlib import font_manager font = {'family': 'Microsoft YaHei', 'weight': 'bold', 'siz ...
分类：
其他好文 时间：
2020-06-22 23:12:53
阅读次数：
51
一、HTML元素分类及其特点 1.行内元素 在一行内显示，水平方向排列。有默认高度（当前浏览器默认字体的高度），没有默认宽度，元素的大小由包裹内容决定，且不能设置宽高和内外边距。元素内部不能包含块级元素。 2.块级元素 独占一行，垂直方向排列。可以设置宽高，默认宽度是父元素的100%。可以包含行内元 ...
分类：
Web程序 时间：
2020-06-19 15:48:33
阅读次数：
129
一、CSS复合选择器 1.1 后代选择器 1.2 子元素选择器 1.3 交集选择器 1.4 并集选择器 1.5 链接伪类选择器 二、标签的显示模式 2.1 什么是标签的显示模式 2.2 块元素 2.3 行内元素 2.4 行内块元素 2.5 标签显示模式转换（display） 三、行高那些事儿 3.1 ...
分类：
Web程序 时间：
2020-06-19 12:05:01
阅读次数：
66
当我们想让元素横向排开时，会使用span标签，或者是将块级元素设置为display:inline-block时 有时会发现，相邻两个元素之间，明明没有设置margin或者是padding值，但是有间隙 原因是因为html代码中相隔的span标签间有回车 HTML代码中的回车换行被转成一个空白符，在字 ...
分类：
其他好文 时间：
2020-06-18 16:07:45
阅读次数：
55
vue 获取当前屏幕的宽度，图片等比例缩放 这个是一个背景图，点击对应的圆圈就会出现一个蒙层上面显示详情，但是只要当前窗口大小变化了，因为我的蒙层大小是固定的px，所以不会变，就不在图片对应的位置了 我们要绑定样式style，等后面要根据当前的屏幕来给蒙层动态设置宽高 <div class="mai ...
分类：
Web程序 时间：
2020-06-17 23:16:48
阅读次数：
143
在写html表单的时候，发现了一个问题：input和button设置了一样的宽高，但是显示高度确不一致，先看代码： 1 <style> 2 input,button{ 3 width:100px; 4 height: 60px; 5 } 6 </style> 7 <input type="text" ...
分类：
Web程序 时间：
2020-06-16 20:43:12
阅读次数：
115
什么叫行内元素（内联元素）？ 常见的span、a、lable、strong、b等html标签都是行内元素 默认情况下，行内元素均无法设置宽度、高度、上下方向margin的外边距等 一般在css中添加属性： display:inline //这时设置成了内联元素 什么叫块级元素？ 常见的div、p、l ...
分类：
Web程序 时间：
2020-06-16 13:06:56
阅读次数：
238
前面的话 一般地，有两种自适应：撑满空闲空间与收缩到内容尺寸。CSS3将这两种情况分别定义为'fill-availabel'和'fit-content'。除此之外 ，还新增了更细粒度的'min-content'和'max-content'。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这 ...
分类：
Web程序 时间：
2020-06-15 17:23:44
阅读次数：
131
