svgjavascript前端

鸿蒙（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

Boxy SVG for Mac(矢量图编辑器)

BoxySVGforMac是一款非常好用的向量绘图工具，适用于初学者以及专业网页设计师和Web开发人员。boxysvg拥有超过100个命令的可配置键盘快捷键，能够让你快速制作出各种各样的矢量图。
青色精灵·2024-02-20 23:52

Vue3+vite搭建基础架构（9）--- 使用vite-plugin-svg-icons

Vue3+vite搭建基础架构（9）---使用vite-plugin-svg-icons说明安装vite-plugin-svg-icons使用vite-plugin-svg-icons添加svg-icon
谁不想飞舞青春·2024-02-20 19:26

Technical Support

Thisgamefocusesonthebestgames,ifyouencounteranyproblemsinthegame,pleasecontactusintime.Email:vgvsvgkmnkn315
破鞋漏脚尖·2024-02-20 18:45

热门的19个JAVASCRIPT前端开发框架和库

在WebGL库和SVG/Canvas元素的支持下，JavaScript变得惊人的强大。几乎可以为网络构建
·2024-02-20 15:53

Got socket error trying to find package flutter_svg

Gotsocketerrortryingtofindpackageflutter_svg如果在fluuter拉取依赖的时候遇到这个问题那可能是国内访问flutter镜像时候问题解决方法在环境变量中配置国内镜像
lingjunjie·2024-02-20 14:30

css pointer-events 多层鼠标点击事件

pointer-events/*Keywordvalues*/pointer-events:auto;pointer-events:none;pointer-events:visiblePainted;/*SVGonly
小和尚敲木头·2024-02-20 10:21

svg 基础（十一）滤镜通用属性、in属性

滤镜通用属性属性说明x,y渲染滤镜效果的左上角坐标（默认0）width,height绘制滤镜容器的高宽（默认100%）result用于定义一个滤镜效果的输出名字，以便将其用作另一个滤镜效果的输入in指定滤镜效果的输入源，可以是某个滤镜到导出的result，也可以是特定的值（如下）in属性的6个值取值说明SourceGraphic表示图形元素自身将作为原语的原始输入SourceAlpha表示图形元素
无心使然云中漫步·2024-02-20 09:25

VUE3 中导入Visio 图形

本博客讨论如何将Visio设计的SVG导入webHMI。目的与方法我的目标是使用Visio绘制石化行业的工艺和仪表流程图（P&ID）
姚家湾·2024-02-20 06:43

【HTML】SVG实现炫酷的描边动画

正文首先，这里涉及的技术是SVG,当然很多前端小伙伴们会觉得SVG有点陌生。是的，SVG是一种图像格式，一般都是由设计师给我们前端画好了，我们只需要下
鑫宝Code·2024-02-20 00:48

vue使用fontawesome

$npmi--save@fortawesome/fontawesome-svg-core\npmi--save@fortawesome/free-solid-svg-icons\npmi--save@fortawesome
柳正来·2024-02-20 00:31

svg图片构造QGraphicsSvgItem对象耗时很长的问题解决

目录1.问题的提出2.问题解决1.问题的提出今天通过一张像素为141*214，大小为426KB的svg格式的图片构造QGraphicsSvgItem对象，再通过Qt的GraphicsViewFramework
荆楚闲人·2024-02-19 21:05

svg之全局组件，配合雪碧图解决vue2的svg优化问题

这里是vue2中的svg的完整解决方案的另一篇。
强啊啊强·2024-02-19 19:48

前端技巧之svg精灵图svg-sprite-loader

然后，svg的解决方案包含了精灵图和svg的全局组件配置，这里只是一部分，完整版的解决方案还有另一篇。这是老师的图的细节。老师没提到上面的部分，然后这
强啊啊强·2024-02-19 19:41

Vue涉及国家安全漏洞？尤雨溪回应：前端框架没有渗透功能

Vue是一款流行的JavaScript前端框架，于2014年作为独立开源开发者尤雨溪的个人项目发布。时至今日
涅槃快乐是金·2024-02-19 16:45

2021-12-13

下半生最好的活法：顾好家、教好娃、养好身来源|书报文摘（ID:shubaowenzhai）主播|樊登读书·赏新晴链接：https://mp.weixin.qq.com/s/WyL4bP2dNMRWGKZg3Bxsvg
冷暖我自知12·2024-02-15 04:54

基于html+js+svg实现登录验证码生成

使用html和js和svg实现的一个简单小练习登录页面中的验证码，大概功能主要是：点击看不清换一张会重新生成验证码，验证码中包含数字、线条、字母。该验证码是通过svg实现。
未休95·2024-02-15 01:08

DS Wannabe之5-AM Project: DS 30day int prep day14

Q2.WhatisVGGNet?Q3.WhatisVGG16?Q4.WhatisResNet?
wendyponcho·2024-02-14 23:23

【实战】一、Jest 前端自动化测试框架基础入门（三） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（三）

前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin^0.5.3@svgr
程序边界·2024-02-14 19:12

分享87个CSS3特效，总有一款适合您

VUEelement-ui响应式步骤进度条样式代码SVG交互式滑块拖动圆形进度条特效JS
记忆的小河·2024-02-14 17:29

标准化的矢量图形编辑器

Inkscape使用标准化的SVG文件格式作为其主要格式，包括Web浏览器在内的许多其他应用程序也支
Nelumbo123·2024-02-14 12:55

图表自动化开篇

目录前言：使用Canvas或者SVG渲染选择哪种渲染器代码触发ECharts中组件的行为前言：图表自动化一直以来是自动化测试中的痛点，也是难点，痛点在于目前越来越多公司开始构建自己的BI报表平台但是没有合适的自动化测试工具去做测试支持
知识的宝藏·2024-02-14 06:59

svg基础（七）滤镜-feflood,feDisplacementMap 位置替换滤镜

1feflood此过滤器创建一个矩形，其中填充了指定的的颜色，应用了不透明度值。1.1语法1.2属性x，y-定义用户坐标系x轴和y轴坐标width-宽度height-高度flood-color-颜色flood-opacity-不透明度1.3示例2#feDisplacementMap位置替换滤镜此过滤器改变元素和图形的像素位置，形成一个新的图形（比如添加水波纹效果）。根据设定的通道颜色对原图的x,y
无心使然云中漫步·2024-02-13 23:44

svg基础（八）滤镜-feTurbulence（湍流）

feTurbulence：湍流滤镜湍流滤镜，不稳定气流，能够实现半透明的烟熏或波状图像。通常用于实现一些特殊的纹理。滤镜利用Perlin噪声函数创建了一个图像。噪声在模拟云雾效果时非常有用，能产生非常复杂的质感，利用它可以实现了人造纹理比如说云纹、大理石纹的合成。1属性type：实现的滤镜的类型，可选fractalNoise分形噪声，或者是turbulence湍流噪声。fractalNoise：分
无心使然云中漫步·2024-02-13 23:44

svg基础（十）滤镜-feMerge（多滤镜叠加滤镜）

feMerge:多滤镜叠加滤镜允许同时应用滤镜效果而不是按顺序应用滤镜效果。利用result存储别的滤镜的输出可以实现这一点，然后在一个子元素中访问它1语法2feMergeNode属性inSourceAlpha，SourceGraphic，其他滤镜的resultSourceAlpha和SourceGraphic的区别:SourceGraphic的颜色是全彩SourceAlpha是一个与图像具有相同
无心使然云中漫步·2024-02-13 23:44

svg基础（九）滤镜-feMorphology（形态学）

feMorphology:形态学滤镜用来侵蚀或扩张输入的图像。它在增肥或瘦身效果方面特别有用。适合用来创建轮廓和边界。1用法2属性inoperator-dilate膨胀,erode侵蚀radius-3示例feMorphologyfeMorphology
无心使然云中漫步·2024-02-13 23:13

Linux字体库ttc还是ttf,字体文件ttf、otf、woff、ttc等格式有什么区别？

字体格式类型主要有几个大分类：TrueType、EmbeddedOpenType、OpenType、WOFF、SVG。
weixin_39765339·2024-02-13 23:38

小游戏和GUI编程(6) | 基于 SFML 的井字棋

小游戏和GUI编程(6)|基于SFML的井字棋0.简介使用SFML实现井字棋(tic-tac-toe),规划如下:了解规则，使用命令行实现(已经实现了)使用SFML，提供极简的交互(预计1小时)制作SVG
baiyu33·2024-02-13 12:08

分享88个jQuery特效，总有一款适合您

jQuery模拟iPhone下拉滚动条动画特效纯CSS和SVG实现悉尼歌剧院建筑
自动化新人·2024-02-13 12:26

OpenMVG（EXIF、畸变、仿射特征、特征匹配）

目录1OpenMVG编译与简单测试1.1sfm_data.json获取1.2计算特征2OpenMVG整个流程的运行测试3OpenMVG实战3.1SVG绘制3.2解析图片的EXIF信息3.3光学畸变3.4
江河地笑·2024-02-13 11:17

【手把手教程】uniapp + vue 从0搭建仿斗鱼虎牙直播App：腾讯云MLVB移动直播实践连麦PK+带货

基于uniapp+vue实现仿斗鱼虎牙腾讯云移动直播应用实践，实现以下功能1:用户登陆2:房间管理3:房间聊天4:直播美颜5:Svga礼物动画6:一对一连麦观众项目开发环境IDE：HbuilderX3.0
智密科技·2024-02-13 09:40

icon的几种做法

方法：１．img法２．background法３．background合一法４．font法５．SVG法６．新手慎用【CSS就是干】法img法直接用img标签就可以。好处：可以自适应，可以设置宽高。
索伯列夫·2024-02-13 05:21

OFDRW提供了将OFD文档导出为其他格式文档的能力，如导出为图片、SVG、PDF、文本等

OFDRW提供了将OFD文档导出为其他格式文档的能力，如导出为图片、SVG、PDF、文本等。
过路客甲乙·2024-02-13 03:47

SVG微信交互图文｜一周案例汇总｜盘点圣诞节期间精彩的创意交互推文

上一周新媒体人可谓是忙得不可开交，不仅是年关将至，有关圣诞节热点的话题也接连不断。在此期间，我们看到了各大品牌方关于热点内容的精彩推送，今天，给大家整理出了上一周「小编备用」为各大品牌方提供的交互技术实现了哪些让人眼前一亮的交互推文。一、技术求和效果年末将至，各大app的用户年度数据开始刷屏社交媒体，尤其是支付年度账单每年都可以吸引很多网友转发。有趣的是，今年「小编备用」也提出了账单主题，不同以往
叶小圈圈圈·2024-02-13 03:56

svga动画播放预览常见问题④

很多同学反映序列帧在SVGA输出时重复绘制的问题，BUG询问了官方，没有得到反馈。在群友的交流下，得知AN输出序列帧资源不会出问题。
svgadesiner·2024-02-13 02:54

【QT+QGIS跨平台编译】之三十五：【cairo+Qt跨平台编译】（一套代码、一套框架，跨平台编译）

Cairo支持多种输出目标，包括屏幕、图像文件、PDF、SVG等。Cairo的设计目标是简单易用、高效灵活，并且具有良好的图形质量。
翰墨之道·2024-02-12 22:19

Ps：直接从图层生成文件（图像资源）

Photoshop还提供了一个功能，可以基于文档中的图层或图层组的名称，自动生成指定大小和品质的图像资源ImageAssets（JPEG、PNG、GIF以及SVG等类型的文件）。
MediaTea·2024-02-12 20:26

目标

基础知识扫盲1.svg最大的对手是falsh。。
skoll·2024-02-12 19:04

svg 进阶

svg进阶svg应用场景绘制icon绘制动画svgviewport和viewBoxviewport是svg图像的可见区域viewBox是用于在画布上绘制svg图形的坐标系统在一下案例中svg中width
我叫汪枫·2024-02-12 15:43

一文带你搞定svgAnimation(Svg动画)

svg动画transform变换translate位移rotate旋转skewX和skewY斜切scale缩放matrix复杂变形[1340][001][001]whichtransformtherectangleassuch
我叫汪枫·2024-02-12 15:40

2019-07-07HTML标签

CSS目前最适合的是纵向布局和横向布局，所以在写页面布局的时候，也是根据经验去写的空元素：是HTMLSVG或者MathML里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。
AngelaGDD·2024-02-12 08:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他