svgjavascript前端

APK打包优化-图片、资源、so、混淆

1.图片优化（1）图标使用矢量图（svg转成android支持的vector）vector5.0+兼容配置android{defaultConfig{vectorDrawables.useSupportLibrary
Forget_Sky·2025-02-08 20:09

unocss 添加支持使用本地 svg 预设图标，并支持更改大小

安装pnpminstall@iconify/utils在配置文件unocss.config.ts：presets>presetIcons选项中通过FileSystemIconLoader加载本地图标，并指定目录。importpresetWeappfrom'unocss-preset-weapp'import{extractorAttributify,transformerClass}from'un
TangAcrab·2025-02-04 21:34

Three.js + React + Echart(折线图 光线流动效果，柱状图数据动态更新动画) + Svga-Web应用之数据大屏(适配1920*1080 2560*1440 3840*2160)

Web应用之数据大屏一、技术栈React17.0.0搭建脚手架Eahcrt常规图表Svga动画3D模型-Three.Js大屏适配-目标大屏(4K-3840*2160)二、React17.0.0脚手架搭建
ConstSuccess·2025-02-04 11:41

HTML5 Canvas 与 SVG：让网页图形与动画活跃起来

系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
吴师兄大模型·2025-02-03 17:15

VUE代码架构浅谈

用于存放网络请求文件的目录index.tsxxx目录assets存放静态文件的目录components存放自定义组件的目录filter过滤器的使用（例如时间data格式化）index.tsicons图标库引入svgindex.tslang
tongliuwei·2025-02-03 09:42

HTML5+SVG+CSS3 雪中点亮的圣诞树

HTML5+SVG+CSS3雪中点亮的圣诞树源码下载地址：HTML5+SVG+CSS3雪中点亮的圣诞树css3：body{background:-webkit-linear-gradient(top,#235
坏男孩！·2025-02-03 03:57

CSS3优秀动画代码示例

目录旋转立方体悬停效果动画路径动画纯CSS进度条文字打字机效果3D翻转卡片SVG路径跟随动画SVG心跳动画
天涯学馆·2025-02-02 04:02

【OpenGL】使用 python + Qt + OpenGL 的现代渲染

七、QGL控件八、平截头体.svg九、定义几何9.1立即模式与保留模式9.2使用VBO定义Cube十、渲染立方体十一、渲染循环十二、添加旋转滑块一、说明在本教程中，我们
无水先生·2025-02-01 07:31

selenium定位svg元素（原来如此简单）

我说定位不了的元素正是svg，在网上查了一通，发现也有很多小伙伴遇到这个问题。
sineiy·2025-01-31 01:47

探索JavaScript前端开发：开启交互之门的神奇钥匙（二）

目录引言四、事件处理4.1事件类型4.2事件监听器五、实战案例：打造简易待办事项列表5.1HTML结构搭建5.2JavaScript功能实现六、进阶拓展：异步编程与Ajax6.1异步编程概念6.2Ajax原理与使用七、前沿框架：Vue.js入门窥探7.1Vue.js简介7.2基础使用示例八、总结与展望引言在当今数字化时代，互联网已然成为人们生活不可或缺的一部分，而网页作为互联网的主要载体，其用户体
小周不想卷·2025-01-27 17:31

Vue2和Vue3

简介二、Vue3简介三、Vue2和Vue3的关系四、Vue2和Vue3的区别五、Vue2和Vue3各自的优缺点1.Vue22.Vue3六、总结一、Vue2简介Vue.js2（通常称为Vue2）是一款流行的JavaScript
秋书一叶·2025-01-27 02:53

BPMN.js详解

主要功能：渲染BPMN图表：bpmn.js能够将BPMN2.0的XML文件渲染成SVG格式的图
GISer_Jinger·2025-01-26 10:27

JS在HTML页面内动态创建SVG元素

比如D3.JS主要应用JS在HTML页面内动态生成SVG元素并绑定数据。
一粒马豆·2025-01-26 09:12

探索React前端框架：JavaScript技巧与最佳实践

React是一个广泛使用的JavaScript前端框架，它提供了一种组件化的开发模式，使得构建交互式用户界面变得更加简单和高效。
自由翱翔碧海蓝·2025-01-24 09:34

深入探讨Web应用开发：从前端到后端的全栈实践

目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask
禁默·2025-01-22 17:19

Python（四）——SVG 图坐标轴数字和其他文本设置总结

尤其是在使用Python绘制SVG图时，图像的字体选择、大小设置、以及整体样式需要符合期刊或会议的要求。这不仅能提升视觉呈现的清晰度，还能增强论文内容的可读性和说服力。
八年。。·2025-01-22 03:03

2024最新前端面试题(八股文)一阶段总结（html，css）!!!!新手必看必背!通俗易通!全面!全是干货！

•jpeg常见格式,采用有损压缩算法，保持图像质量的同时减小文件大小,体积较小，不支持透明，不支持动画•png采用无损压缩算法，体积也相对较小，支持透明背景，不支持动画•svg一般会保存颜色及形状相对简单的图片
沐光M·2025-01-17 15:19

Python实现系统桌面时钟

③系统托盘图标，主要参考PyQt4源码目录中的PyQt4\examples\desktop\systray下的程序④鼠标右键，将程序最小化使用时需要heart.svg放在源代码同级目录
也是醉了醉了·2025-01-16 22:51

【论文投稿】探索JavaScript前端开发：开启交互之门的神奇钥匙（一）

目录一、引言二、基础入门2.1变量与数据类型2.2条件与循环语句2.3函数三、DOM操作3.1获取DOM元素3.2修改DOM内容和样式3.3动态创建和删除DOM元素一、引言在当今数字化时代，互联网已然成为人们生活不可或缺的一部分，而网页作为互联网的主要载体，其用户体验的优劣直接关乎着信息的有效传递与用户的留存。JavaScript，这门在前端开发领域占据核心地位的编程语言，犹如一位神奇的魔法师，为
小周不想卷·2025-01-16 20:00

360前端星计划-动画可以这么玩

constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG
马小蜗·2024-09-16 01:54

svg图片兼容性和用法优缺点

svg图片的使用方法第一次来认认真真的研究了下svg图片，之前只是在网上见过，但都是一晃而过也没当回事，最近网站改版看到同事有用到svg格式的图片，想想自己干了几年的重构也没用过，这些细节的知识是应该好好研究研究了
独行侠_ef93·2024-09-15 22:38

HighCharts图表自动化简介

Highcharts是一个用纯JavaScript编写的j基于SVG成图技术的图表库，提供了一种简单的方法来向您的网站或Web应用程序添加交互
知识的宝藏·2024-09-15 08:36

vue3中动态引入本地图片的两种方法

{png,svg,jpg,jpeg}',{eager:true})consturl=`/src/assets/nncs2/jiantou${index+1}.png`//console.log(modules
morenhaodan·2024-09-12 09:54

2024年Python最全Python-Matplotlib可视化（1）——一文详解常见统计图的绘制(1)

上述代码将会绘制曲线y=2*x，其中x在[0，50]范围内，如下所示：可以看到窗口上方还包含多个图标，其中：|项目|Value||—|—|||此按钮用于将所绘制的图形另存为所需格式的图片，包括png，jpg，pdf，svg
2401_84558452·2024-09-11 05:36

CSS具有哪些特点呢？

CSS是CascadingStyleSheets（层叠样式表）的缩写，它是一种用来描述HTML或XML（包括如SVG、MathML等衍生技术）文档样式的计算机语言。
weixin_54503231·2024-09-10 12:07

「iOS学习」——Masonry学习

iOS学习前言Masonry的属性Masonry的使用基础APIAutoBoxing修饰语倍数中心点设置边距优先级使用总结前言暑假我们学习了使用CocoaPods引入第三方库，实现使用SVG图片。
归辞...·2024-09-09 17:48

使用fabric.js简简单单实现一个画板

fabric为canvas提供了一个交互式对象模型，以及一个svg-to-canvas解析器。
小草先森tyro·2024-09-08 14:50

探索 Fabric.js：前端开发的轻量级图形编辑框架

探索Fabric.js：前端开发的轻量级图形编辑框架是一个强大的、基于WebGL和SVG的JavaScript图形库，专为构建交互式图形界面而设计。
滑辰煦Marc·2024-09-08 14:46

JavaScript前端面试题——JS 中 Map 和 WeakMap 有什么区别 ?

刷了面试题之后才知道自己的知识是多么薄弱，这题我连Map和WeakMap是什么都不知道参考答案在JavaScript中，Map和WeakMap都是键值对的集合，但它们有几个重要的区别：1.键类型：Map对象的键可以是任何类型,包括基本数据类型和对象类型，而WeakMap对象的键必须是对象类型。2.垃圾回收：Map对象中的键和值都会被常规垃圾回收机制回收，而WeakMap中的键是弱引用，即在对象被垃
早八睡不醒午觉睡不够的程序猿·2024-09-08 11:54

ionic3 自定义图标及应用

生成图标准备好项目需要使用的图标，需为svg格式https://icomoon.io/app/进入iconmoon网址点击左上角汉堡包按钮，新建一个空的项目image.png点击项目右侧汉堡包添加自定义的图标
咔簌·2024-09-07 18:21

2. Fabric 简介

Fabric提供了画布缺少的对象模型，以及SVG解析器，交互性层和一整套其他必不可少的工具。这是一个完全开放源代码的项目，已获得麻省理工学院（MIT）的许可，多年来有许多贡献。
Lanwarf-前端开发·2024-09-07 04:48

3个免费好用的网站，可以转换PDF，提取MP3

它支持多种文件格式，如AZW3、BMP、CHM、CSV、DjVu、DOC、DOCX、EPS、ePub、HEIC、JPG、MD、MOBI、ODT、OXPS、PNG、PPT、PPTX、PS、PUB、RTF、SVG
精选软件库·2024-09-05 23:11

鸿蒙 HarmonyOS学习日记 Day 2 界面开发、布局

文章目录一、界面开发1、代码书写方式2、界面开发-布局思路3、组件的属性方法4、文字溢出省略号、行高5、Image图片组件6、输入框与按钮四、综合实战-华为登录五、svg图标六、布局元素的组成二、单位问题一
林钟雪·2024-09-05 21:54

React中实现antd自定义图标，鼠标悬浮变色

借助antd的tooltip组件来实现hover时变色的效果1.新建组件自定义图标一般在iconfont上面获取，复制下来的svg代码，切记要删除fill属性后添加到组件中import{Tooltip}
小鸟哗啦啦·2024-09-03 02:42

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript什么是Vue.jsVue.js是一种流行的JavaScript
秋说·2024-09-01 22:52

OmniGraffle Pro for mac(思维导图软件)v7.22.4正式版

此外，OmniGrafflePro还支持多种导出格式，包括PDF、PNG、JPG、SVG等。它还可以与其他软件进行无缝集成，如Sketch、Photoshop、Illustrator等。总的来说，Om
不知名女娃·2024-09-01 06:12

Flink(1.13) 的运行架构

架构图image.png官网原图：https://ci.apache.org/projects/flink/flink-docs-release-1.13/fig/processes.svgFlink运行时至少包含两个进程
万事万物·2024-08-30 22:54

safari中filter: drop-shadow()导致图片展示不出来

有时候我们可能需要通过css来改变一个svg图片的颜色，比如让其跟随主题色改变.send-button{overflow:hidden;.send-button-img{filter:drop-shadow
史努比的大头·2024-08-30 11:02

TPAMI 2024 | TransVG++：基于语言条件视觉Transformer的端到端视觉定位

题目：TransVG++:End-to-EndVisualGroundingWithLanguageConditionedVisionTransformerTransVG++：基于语言条件视觉Transformer
小白学视觉·2024-08-29 00:33

打卡55天------图论(并查集)

图论这里我学的不是很好，作为一名JavaScript前端开发工程师，我能说我基本上在工作中都没用到过吗？
感谢上Di_123·2024-08-28 23:01

鸿蒙（API 12 Beta3版）【使用ImageSource完成图片解码】图片开发指导

当前支持的存档图片格式包括JPEG、PNG、GIF、WebP、BMP、SVG、ICO、DNG。开发步骤全局导入Image模块。
移动开发技术栈·2024-08-27 20:30

33.鼠标悬停时的波浪线效果 & CSS 重置

为链接创建一个:hover状态,其background-image为一个包含带有波浪路径和动画的SVG的dataURL。The<aclass="squiggle"href="#"
@大迁世界·2024-08-26 13:33

HarmonyOS鸿蒙转场动画概览

更加流畅丝滑动效设计场景1.特征动效2.转场动效点击滑动翻动夹捏拖拽3.微动效细微动画4.特征动效插画动效动画能力选型系统动画属性动画显示动画转场动画路径动画粒子动画第三方动画资源加载类GIF动画帧动画第三方库LottieSVG
PlumCarefree·2024-08-26 00:19

鸿蒙（API 12 Beta3版）【使用Image完成图片解码】图片开发指导依赖JS对象

当前支持的存档图片格式包括JPEG、PNG、GIF、WebP、BMP、SVG、ICO、DNG。
移动开发技术栈·2024-08-26 00:17

【Python】使用Python对pdf,svg,png等进行转换

Technicalflight转换工具使用Python对pdf,svg,png等进行转换代码开源在Github：https://github.com/Technicalflight/Python-Transformation
Technicalflight·2024-08-25 02:29

vue3使用elementui-plus时使用深度选择器穿透影响原样式

一、原样式：下拉框选择时，右边存在一个下拉的箭头符号，那么在许多场景下我们不需要显示，这个时候就可以通过开发者工具进行定位，选中该元素，可以看到，影响的样式是：.el-iconsvg二、深度穿透修改原样式我们修改原样式
lytcreate.·2024-08-24 20:26

Office 2019新增功能

SVG支持image.png插入应用了筛选器的可缩放矢量图形(SVG)，为文档、工作表和演示文稿增添视觉趣味。
iLester·2024-08-24 14:08

CSS 8种让人眼前一亮的hover效果眼前一亮的HOVER效果

效果一、发送效果二、霓虹效果三、边框效果四、圆形渐进效果五、圆角效果六、冰冻效果七、闪亮效果八、加载效果CSS8种让人眼前一亮的hover效果眼前一亮的HOVER效果一、发送效果效果HTML//这里是一个svg
小湾生产队队长·2024-08-23 00:15

3 HTML5 svg

SVG:ScalableVectorGraphics;//可缩放矢量图形->svg图像放大情况下图形质量不会损失(失真)；-->应用场景：图表、动画、矢量图(点/线/面,形成的基本图形)、常用于制作图标
官清岁月·2024-03-15 12:44

【实战】二、Jest难点进阶（二） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（六）

前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin^0.5.3@svgr
程序边界·2024-02-22 22:43
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他