网上有很多写使用纯CSS来实现图片的等比缩放的,到目前为止,我还没有发现一个可用的方法。这里的等比缩放是指按照图片的原始尺寸和比例进行缩放。 网上的方法大多如下: img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } ...
分类:
编程语言 时间:
2021-01-26 12:19:18
阅读次数:
0
表格美化 --> 标题1 标题1 标题1 标题1 标题1 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 分页代码 --> Info Header 1 Info Header 2 Info Header 3 操作 Text 1A Text 1B Text 1C Text 2A Text ...
分类:
Web程序 时间:
2021-01-26 12:17:01
阅读次数:
0
在第一周按照寒假计划看了 html、css、html5、css3相关网站的学习内容,学到了一些基础的前端知识。了解了前端的发展史,以及各项技术具体是用于做什么的,就像网站中说的html用于网页结构的建立,而css则是对网页外观的控制,css3以及html5都是在他们基础上的增加内容。在学习的过程中, ...
分类:
其他好文 时间:
2021-01-26 11:53:41
阅读次数:
0
问题 想为 自己网站 的文章图片添加缩放的效果,于是选择使用 medium-zoom 这个插件。 我网站用的 Gatsby 正好也有对应的插件 gatsby-remark-images-medium-zoom,但是根据文档配置好之后发现并没有效果,也就是点击图片没有反应,看控制台也没有任何的报错。 ...
分类:
其他好文 时间:
2021-01-26 11:41:54
阅读次数:
0
需求背景:选一张海报图片,在海报图片上实现自定义填充文字内容,文字颜色和字体可自定义,且文字区域可以拖动和等比例缩放,最终将文字和海报合成一张新的图片 需要用到的插件:html2canvas(用于将一段html转成canvas) 下面附上整个组件功能代码: /* eslint-disable cam ...
分类:
其他好文 时间:
2021-01-25 10:43:24
阅读次数:
0
用jQuery和ajax 和json实现之前的所有功能: 登录: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> ...
分类:
其他好文 时间:
2021-01-22 12:09:34
阅读次数:
0
ajax原生写法 一.get写法 //创建对象 let xhr = new XMLHttpRequest() xhr.open('get',"url?name=&age=") //查询字符串 xhr.send(null) 请求体 xhr.onreadystatechange = function() ...
分类:
Web程序 时间:
2021-01-19 12:06:29
阅读次数:
0
一:背景图像区域: background-clip:指定背景绘制区域 border-box:背景被剪裁到边框盒 padding-box:背景被剪裁到内边距框 content-box:背景被剪裁到内容框 content-box padding-box border-box <!DOCTYPE html ...
分类:
Web程序 时间:
2021-01-18 10:43:54
阅读次数:
0
渐变可以在两个或多个指定的颜色之间显示平稳的过渡 一:线性渐变:是沿着一根轴线改变颜色,从起点到终点颜色进行属性渐变(从一边拉向另一边) background: linear-gradient(direction, color-stop1, color-stop2, ...) 1.线性渐变-从上到下 ...
分类:
Web程序 时间:
2021-01-18 10:43:07
阅读次数:
0
伪类与伪元素的特性及其区别: 伪类本质上是为了弥补常规CSS选择器的不足 伪元素本质上是创建了一个有内容的虚拟容器 CSS3中伪类和伪元素的语法不同; 伪类 :link :hover 伪元素 ::before ::after (伪类单冒号,伪元素双冒号) 可以同时使用多个伪类,而只能同时使用一个伪元 ...
分类:
其他好文 时间:
2021-01-16 12:14:40
阅读次数:
0