1.背景 clip-path是由clip演化而来的样式属性,表示裁剪元素的一部分来显示,其余部分隐藏。顾名思义clip-path着重于path路径。 2.使用场景 最先想到的场景就是登录某平台后显示的头像框,比如圆形的,就是将方形的头像裁剪出圆形来显示。其次就是用于绘制图形,比如一个红色的正方形等。 ...
分类:
Web程序 时间:
2020-04-03 00:48:07
阅读次数:
100
在案例中经常需要实现这样一种功能,我们先获取到用户的微信头像,然后给用户的头像添加一些装饰的图案并制作出一张新的图片,最后还可以让用户下载下来作为自己的微信头像。今天就结合“给我一面五星红旗”这个demo讲一讲这种案例该如何实现。1.首先搭建一个比较简单的界面,主体是一个画布,在画布里添加两个图片组件,一张用来显示当前用户的头像,另一张小图就是展示小国旗。还需要添加一个横幅,横幅里面放置一个图片组
分类:
微信 时间:
2020-04-03 00:25:57
阅读次数:
193
request.js import axios from 'axios' import { Message, MessageBox } from 'element-ui' import store from '../store' import { getToken } from '@/utils/a ...
分类:
其他好文 时间:
2020-04-02 01:13:45
阅读次数:
63
使用一句三元表达式, <router-link class="flex-left left" tag="div" :to="loginState?'/loginOut':''"> <img src="../../assets/img/iconfont/unlogo.png" alt=""> //这里 ...
分类:
其他好文 时间:
2020-03-31 12:38:46
阅读次数:
64
对很多没有如何经验或者面试次数不多的小伙伴来说感觉每次跳槽或者首次面试的时候都会感觉特别紧张,然后不知道自己该准备些什么, 或者不知道面试的流程是什么样子,那么就给大家分享一下我个人面试的经验。 1、穿着问题 很多人认为我们it人员去面试就应该这样穿正装,但是其实那只存在于微信头像上,我们面试的时候 ...
分类:
其他好文 时间:
2020-03-30 16:09:49
阅读次数:
62
Java实现图片裁剪预览功能 在项目中,我们需要做些类似头像上传,图片裁剪的功能,ok看下面文章! 需要插件:jQuery Jcrop 后端代码: package org.csg.upload; import java.awt.Rectangle; import java.awt.p_w_picpa ...
分类:
编程语言 时间:
2020-03-30 16:06:52
阅读次数:
91
获取网络图片 /**获取头像图片 */ let imgLoader: egret.ImageLoader = new egret.ImageLoader(); egret.ImageLoader.crossOrigin = "anonymous"; imgLoader.load(v); imgLoa ...
分类:
其他好文 时间:
2020-03-28 17:40:59
阅读次数:
445
"【刷题】面筋 测试开发常见问题合集" 功能测试;接口测试;兼容性测试;可用性测试;安全测试。 功能测试 是否可以点赞 取消点赞 多次点赞会出现什么情况 多人点赞时的顺序是否按照时间顺序进行排列 点赞是否显示头像和名称 点赞之后能否进行评论 点赞之后退出该页面,再次进入朋友圈点赞消息是否还存在 多用 ...
分类:
微信 时间:
2020-03-25 23:48:57
阅读次数:
236
关于CSS3的object fit属性的详细理解: 对object fit属性的理解: 属性值: fill : contain: cover: none: scale down: 图片展示: 按照上面的代码依次展示 使用范围:头像等,后台传过来的数据不一致的时候; ...
分类:
Web程序 时间:
2020-03-17 19:46:34
阅读次数:
86
本文介绍使用OpenCV自带的标定例程对单目摄像头标定的过程。 操作系统:Linux OpenCV版本:3.2.0 摄像头:640×480像素,90度广角镜头 一、标定步骤 1、找到标定例程 进入OpenCV安装目录,找到samples/cpp/tutorial_code/calib3d/camer ...
分类:
其他好文 时间:
2020-03-17 14:01:41
阅读次数:
82