- 博客(10)
- 收藏
- 关注
RSS订阅原创 使用JavaScript给图片添加文本水印的前端实现方法
在前端开发中，如果我们想要在图片上添加一些自定义的标识或者版权信息，可以使用JavaScript来实现给图片添加文本水印。
2023-11-02 10:07:31
606
1
原创 使用JavaScript给图片添加图片水印的前端实现方法
在本篇博客中，我们学习了如何使用JavaScript给图片添加水印，并将其封装成一个可重复使用的函数。通过使用canvas元素和相关的绘图API，我们可以实现图像处理和增强效果。希望本篇博客对你有所帮助。如果你有任何问题或建议，请随时留言！
2023-11-02 09:50:54
1631
1
原创 前端实现：图片添加水印JS+Canvas（简易版）
图片加水印是一种常见的图像处理技术，通常用于保护版权、防止盗用、增加图片的识别度等多种场景。例如：证件照片加水印、个人照片加水印、网站图片保护等等。
2023-11-01 15:41:51
1458
2
原创 CSS基础之动画
5.动画的运动次数 animation-iteration-count 写数字几就是运动几次 infinite无限次 运动。但是如果元素的运动点位有多个,那么必须使用百分比的方式,我们在0%和 100%之间可以写很多的百分点的.2.动画的运动时间 animation-duration(必须写的)1.动画的名字 animation-name(必须写的)//alternate-reverse====反正交替。//normal====正常,从起点运动到终点。//reverse===反转,从终点运动到起点。
2023-03-21 07:00:00
178
原创 CSS基础之渐变
注意：不加起点：默认中心，前缀可以不加；写了起点：必须加前缀，如果不加前缀，可能会导致效果出不来或者效果显示错误。不加浏览器的前缀，要加to，方向写的是重点，就只能运行在特定浏览器，针对浏览器实现效果不同。1）径向渐变形状： 在长方形盒子中，渐变的形状默认是椭圆（圆形、椭圆两种效果）注意：线性渐变如果加了浏览器的前缀，不加to，方向写的是起点；在正方形盒子中，渐变的形状默认是圆型（只能显示出圆形）方式二：借助于坐标，左上角为原点。ellipsis=====椭圆。cricle=======圆。
2023-03-20 07:00:00
309
原创 CSS基础之高度塌陷的三种解决方案
相信很多小伙伴初学浮动，在页面布局的时候可能会出现这种现象，父元素身上没有设置高度，想让子元素撑起父元素，而给子元素添加浮动属性之后，父元素的高度为0的情况。
2023-03-19 21:40:24
2321
原创 CSS基础之盒子模型（标准盒模型、怪异盒模型、弹性盒）
2）order：控制子元素的排列顺序，值越大越靠后，支持负数，不带单位。4）父元素一旦变成弹性盒子，子元素多不会超出也不会换行，而是会挤压。3）设置子元素在主轴的对齐方式：justify-content：；2）父元素一旦变成弹性盒子，子元素无论是什么类型，都可以设置宽高。e.space-around：中间元素的间距是贴边元素的2倍。4）设置子元素在侧轴的对齐方式：align-items：；e.strech（默认值）：拉伸（不设置宽或者不设高）6）设置多行的对齐方式：align-content：；
2023-03-18 09:00:00
295
原创 CSS基础之省略号的制作（单行&多行）
例如：相信很多小伙伴在初学css绘制页面时，都会遇见文本超出指定区域，用...代替的情况；下面详细为大家介绍了单行文本如何制作省略号以及多行文本如何制作省略号。
2023-03-17 18:11:33
1112
原创 CSS基础之如何实现水平垂直同时居中
又给大家带来了五种实现元素水平垂直居中的方法，分享给大家~实现子元素水平垂直居中（配合弹性盒）5.方式五：同时操作父、子元素。
2023-03-16 09:00:00
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人