纹理 效果 文字svg
Java 使用 POI 导出Excel，设置同一个单元格的内容显示不同的文字颜色
要在 Java 中导出 Excel 并设置同一单元格的内容显示不同的文字颜色，可以使用 Apache POI 库来实现。下面是一个示例代码，演示如何在单元格中设置不同颜色的文本： 1 // 创建工作簿和工作表 2 Workbook workbook = new XSSFWorkbook(); 3 S ......
一统天下 flutter - widget 容器类（只能有一个子）: DecoratedBox - 装饰（用于绘制背景，边框，渐变，阴影，矩形或圆形等效果）
一统天下 flutter - widget 容器类（只能有一个子）: DecoratedBox - 装饰（用于绘制背景，边框，渐变，阴影，矩形或圆形等效果） ......
前端切图之svg图标的复用基于defs和use 亲测有用
切图网长期致力于web前端开发外包服务，而我们也关注到现在图标很多时候采用svg更多一点，然后图标字体文件已经提供了很多种类的图标，不过采用svg图标可以自行选择更符合、更好看的图标，相比于字体图标更加多样性，而且svg图标加载更快，而当svg的图标被多次使用的时候，我们需要一种类似于变量的定义，然 ......
edge问题集锦 去除选中文字时出现的搜索小方块以及需要多次按ctrl+c才可以复制的问题
刚从chrome搬过来，原想都基于同一个开源框架，那用法铁定都差不多，但是怎么说呢，有个大爹就是不一样， 没有调教过的edge，真恶心。 alt+tab只能在edge标签页内切换 选中词后在词语后出现小方块问题 选中词后首次ctrl+c无法复制问题 ......
PHP批量生成带底部编号二维码(二维码生成+文字生成图片+图片拼接合并)
phpqrcode 生成 二维码 --> 编号字符串生成图片 > 二维码与编号图片拼接 >压缩 下载 //生成二维码图片 function makeCodeImg($url, $product_sn = '2023**82024') { $path = 'upload/product_qr_code ......
[Echarts] SVG元素交互（Select）
1.下载官网示例，修改并设置SVG文件 ( $.get('需要加载的SVG路径', function (svg) { ... }); ). <!-- 此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=geo-seatmap-fli ......
Vue10*10图片表格的点击效果
要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程：一.用PS切图 1.打开PS，选择切图工具，在左边复选框选择切图工具。 2.单击右键鼠标，选择划分切片。 3.选择水平划分、垂直划分10*10，点击确定。 4.单击菜单栏文件，在导出栏选择储存为Web所用格式。 二.用HBui ......
Solon2 接口开发: 实战 Gateway 模式效果
1、效果预览 网关 @Mapping("/api/v3/app/**") @Component public class ApiGateway3x extends UapiGateway { @Override protected void register() { filter(new Break ......
CSS实现跑马灯效果
盒子区域 创建一个大盒子，用来装我们的广告语，还有跑马灯的四个小盒子 <div class="box"> <div></div> <div></div> <div></div> <div></div> 创意广告 </div> 设置box样式 * { padding: 0; margin: 0; } ......
OpenXML-SDK 操作Word,PPT，提取文字
今天跟大家分享一款插件，OpenXML-SDK 实现对Word，PPT的操作。 今天仅介绍如何利用这个组件，从文件中提取文字。 OpenXML-SDK有个缺陷，不支持跨平台，即只能部署在windows系统 首先、nuget上引用包 然后，上代码，从PPT中提取文字，返回一个数组，及一段段的文字。 u ......
制作逼真和高质量的武器纹理方法教程
Blacksteinn的艺术家Vsevolod Ushaev分享了他创作逼真和高质量的武器纹理的方法。Vsevolod专注于现代枪械，并叙述了整个制作过程：从基本材料到最小的擦伤艺术之间的细微差别。 1、收集参考 有些人低估了这一步骤，但它实际上才是最重要的。我们根本无法在脑海中想象我们将在3D中移 ......
使用vue完成图片表格的点击因隐藏效果
首先了解整个项目可以分几个板块。图片的切割，图片放入的框架构建，图片放入。 1.图片的分割，这里的图片分割可以使用PS，或者网上搜图片切割的网站上传图片就行（http://www.zuohaotu.com/cut-image.aspx） 2.创建一个项目，导入vue.js 3. 建立一个名字为"ap ......
文字阴影、文本溢出、盒子模型的缩放、盒子阴影
文字阴影、文本溢出、盒子模型的缩放、盒子阴影 文字阴影 格式：text-shadow:value none，默认文本没有阴影。 color lrshadow tbshadow blur color，阴影的颜色，可选的。不写默认是文本颜色。 lrshadow，左右阴影（水平），正数阴影在文本右侧，负数 ......
Vue 跑马灯效果
vue简单的跑马灯效果，直接封装的组件，引入就能用。 <template> <div class="block"> <h3 class="h3_title"> 特别提醒 </h3> <p class="words" ref="words" :text="content" > {{content}} ......
web-lottie 前端动画效果
资源 http://airbnb.io/lottie/#/web lottie 官网 动画的实现逻辑借用官网的一句话 Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects anim ......
Three.js 进阶之旅：物理效果-3D乒乓球小游戏 🏓
本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及它的相关生态、使用 React Three Fiber 搭建基础三维场景、如何使用新技术栈给场... ......
口播神器,基于Edge,微软TTS(text-to-speech)文字转语音免费开源库edge-tts实践(Python3.10)
不能否认，微软Azure在TTS(text-to-speech文字转语音)这个人工智能细分领域的影响力是统治级的，一如ChatGPT在NLP领域的随心所欲，予取予求。君不见几乎所有的抖音营销号口播均采用微软的语音合成技术，其影响力由此可见一斑，仅有的白璧微瑕之处就是价格略高，虽然国内也可以使用科大讯 ......
Kakao Brain 的开源 ViT、ALIGN 和 COYO 文字-图片数据集
最近 Kakao Brain 在 Hugging Face 发布了一个全新的开源图像文本数据集 COYO，包含 7 亿对图像和文本，并训练了两个新的视觉语言模型 ViT 和 ALIGN ViT 和 ALIGN。 这是 ALIGN 模型首次公开发布供开源使用，同时 ViT 和 ALIGN 模型的发布都 ......
OpenAI Java SDK——chatgpt-java-v1.0.4更新支持GPT-3.5-Turbo，支持语音转文字，语音翻译。
简介 chatgpt-java是一个OpenAI的Java版SDK，支持开箱即用。目前以支持官网全部Api。支持最新版本GPT-3.5-Turbo模型以及whisper-1模型。增加chat聊天对话以及语音文件转文字，语音翻译。 开源地址：https://github.com/Grt1228/cha ......
CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果
在许久之前，曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果： 文本内容不超过容器宽度，正常展示 文本内容超过容器的情况，内容可以进行跑马灯来回滚动展示 像是这样： 但是，之前的方案，有一个很明显的缺点，如果我们事先知道了容器的宽度，那么没问题，但是如果没法确定容器的宽度， ......
Three.js 进阶之旅：物理效果-碰撞和声音 💥
本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对象上施加约束。 通过本文的阅读，你将学习到如何使用 Cannon.js 在 Three.js 中创建... ......
Web 页面如何实现动画效果
Web 页面可以使用多种方式实现动画效果，其中最常用的有两种： CSS 动画：通过 CSS 中的 transition 和 animation 属性来实现动画效果。CSS 动画实现起来简单，性能消耗小，支持广泛。 JavaScript 动画：通过 JavaScript 代码来实现动画效果。JavaS ......
一文详解如何在基于webpack5的react项目中使用svg
本文主要讨论基于webpack5+TypeScript的React项目（cra、craco底层本质都是使用webpack，所以同理）在2023年的今天是如何在项目中使用svg资源的。 首先，假定您已经完成基于webpack5+TypeScript的React项目的搭建工作（如果您不太清楚搭建的背景， ......
AR Engine毫秒级平面检测，带来更准确的呈现效果
近年来，AR版块成为时下大热，这是一种将现实环境中不存在的虚拟物体融合到真实环境里的技术，用户借助显示设备可以拥有真实的感官体验。AR的应用场景十分广泛，涉及娱乐、社交、广告、购物、教育等领域：AR可以让游戏更具互动性；商品通过AR展示更真实；使用AR进行教育教学让抽象事物更形象等，可以说AR技术已 ......
React中实现keepalive组件缓存效果
背景：由于react官方并没有提供缓存组件相关的api（类似vue中的keepalive），在某些场景，会使得页面交互性变的很差，比如在有搜索条件的表格页面，点击某一条数据跳转到详情页面，再返回表格页面，会重新请求数据，搜索条件也将清空，用户得重新输入搜索条件，再次请求数据，大大降低办公效率，如图： ......
Safari浏览器对SVG中的<foreignObject>标签支持不友好，渲染容易错位
在 svg 中需要写一个 markdown 编辑器，需要用到 <foreignObject> 绘制来html，编辑器选择了 simplemde。大致html部分结构如下，<markdown-editor> 组件为定制封装好的 simplemde 编辑器。 <template> <svg> <g> < ......
详解前端缓存，解决前端换包之后环境中仍会出现旧版效果
前端项目修改了很多东西：比如bug啊，样式啊。当你把前端项目打包之后满心欢喜的在 Nginx（测试环境）换上它，然后在 Jira 上修改bug状态@测试人员复测。然后测试人员开始找你battle了，你的bug怎么还是没修改啊，但是你明明换上了最新的版本，中间到底出现了什么问题。打开控制台的 netw ......
巧用视觉障眼法，还原 3D 文字特效
最近群里有这样一个有意思的问题，大家在讨论，使用 CSS 3D 能否实现如下所示的效果： 这里的核心难点在于，如何利用 CSS 实现一个立体的数字？CSS 能做到吗？ 不是特别好实现，但是，如果仅仅只是在一定角度内，利用视觉障眼法，我们还是可以比较完美的还原上述效果的。 利用距离、角度及光影构建不一 ......
对于async和await的使用方式、作用效果不怎么理解 ?没关系，初步看这篇就够了
结论 同步还是异步，区别如下： 同步：你使用 await 修饰符去调用一个异步（async）方法（是异步方法，不过是阻塞式的，可简单理解为同步）； 异步：你获取异步方法返回的 Task，就是异步（后文有代码示例）； 可以实现多任务执行顺序执行且不阻塞。 概述 async（C# 参考） async 是 ......