- 博客(0)
- 资源 (16)
- 收藏
- 关注
Js 如何实现一个类似 chatGPT 打字机效果
要实现类似 chatGPT 打字机效果,我们需要用 ·JavaScript· 来模拟打字过程。下面是一个简单的实现方法:
定义一个字符串,表示要打出的完整文本。比如:const text = "Hello, world!"。
将该字符串转化为一个字符数组。比如:const characters = text.split("")。
定义一个计数器变量,表示已经显示出来的字符数。初始值为 0。
创建一个定时器,每隔一定时间(比如 100ms)将下一个字符显示出来。可以使用 setInterval 函数实现。
在每次定时器回调函数中,使用 slice 函数从字符数组中取出前 counter + 1 个字符拼接成一个新字符串,然后将该字符串设置为要在页面上显示的文本。例如:document.getElementById("text").innerText = characters.slice(0, counter + 1).join("")。
在每个定时器回调函数中,将计数器加 1。
当计数器等于字符数组的长度时,停止定时器。例如:if (counter === characte
2023-11-17
Class_QRCode.php
可更改二维码颜色
使用方法:
/**
*
* @param string $value 二维码内容
* @param string $name 文件名称
* @param string $Color 颜色16进制
*/
function PiaoBo_QRcode($value, $name, $Color = '#1bc446') {
// $logo = $this->path . DIRECTORY_SEPARATOR . 'logo.png';
//第一个参数$text,就是上面代码里的URL网址参数,
//第二个参数$outfile默认为否,不生成文件,只将二维码图片返回,否则需要给出存放生成二维码图片的路径
//第三个参数默认为L,这个参数可传递的值分别是L(QR_ECLEVEL_L,7%),M(QR_ECLEVEL_M,15%),Q(QR_ECLEVEL_Q,25%),H(QR_ECLEVEL_H,30%)。这个参数控制二维码容错率,不同的参数表示二维码可被覆盖的区域百分比。
//第四个参数,控制生成图片的大小,默认为4
//第五个参数,控制生成二维码的空白区域大小
//第六个参数$saveandprint,保存二维码图片并显示出来,$outfile必须传递图片路径。
//第七个参数$Color 前景色
require_once 'Class_QRCode.php';
$NewColor = hex2rgb($Color);//转换为RGB
$errorCorrectionLevel = 'L'; //容错级别
$matrixPointSize = 6; //生成图片大小
$QRUrl = $this->path . DIRECTORY_SEPARATOR . $name . '.png';
//生成二维码图片
QRcode::png($value, $QRUrl, $errorCorrectionLevel, $matrixPointSize, 2, false, $NewColor);
if (isset($logo) && empty($logo)) {
$QR = imagecreatefromstring(file_get_contents($QRUrl));
$logo = imagecreatefromstring(file_get_contents($logo));
$QR_width = imagesx($QR); //二维码图片宽度
$QR_height = imagesy($QR); //二维码图片高度
$logo_width = imagesx($logo); //logo图片宽度
$logo_height = imagesy($logo); //logo图片高度
$logo_qr_width = $QR_width / 5;
$scale = $logo_width / $logo_qr_width;
$logo_qr_height = $logo_height / $scale;
$from_width = ($QR_width - $logo_qr_width) / 2;
//重新组合图片并调整大小
imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width, $logo_qr_height, $logo_width, $logo_height);
//输出图片
imagepng($QR, $QRUrl);
}
return $name . '.png';
}
2019-06-21
layuiAdmin.zip
完全由 layui 自建的一套前端架构实现而成的通用型后台管理模板系统
基于 iframe 标签页实现,简单实用
传统开发模式,撸起袖子直接开干
交互体验相比“单页版”略有点欠缺
始终基于全新的 layui 版本
面向全屏幕尺寸的响应式适配能力
灵活的主题色配置
2019-06-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人