SVG编程之道

vue项目 二维码生成|转连接|转文件

jsimportAraleQRCodefrom'arale-qrcode'#方法createRcode(){letqrcode=newAraleQRCode({"render":"png",//生成的类型'svg'or'table
RxnNing·2023-09-01 23:44

Vue3项目文件目录详解

按照模块化的思想，比较清晰一些的目录结构如下图api：用于模块化管理项目中所有模块的请求文件assets：一般分为images和stylesimages：项目中需要用到的图片（img、png等）、icon、SVG
·2023-09-01 18:29

Raphael 实现手绘海南省三沙市地图

在支持SVG的浏览器中，它将代码渲染成SVG格式，在不支持SVG的浏览器中则会渲染为VML格式。只要对SVG有一定了解，上手Raphael也会很简单。
谭鱼鱼儿·2023-09-01 15:19

SVG实现中国地图

1.SVG是什么？svg是ScalableVectorGraphics的缩写，指可伸缩矢量图形，可以用于绘制复杂不规则的控件。svg绘制原理，就是利用了Path绘制图形。1）svg利用xml定义图形。
niuyongzhi·2023-09-01 11:17

【Android Framework系列】第13章 SVG矢量图形自定义组件（绘制中国地图）

1前言本章节我们来了解下什么是SVG矢量图形，怎么通过SVG实现图形的绘制，通过SVG实现不规则的自定义控件，项目实现一个中国地图，实现每个省都能够点击，项目地址在文末请自取。
__Yvan·2023-09-01 11:14

使用svg遇到的问题

如果svg里面有img标签，则要和截图部分的红框保持一致。我之前遇到的问题是：在浏览器中直接点击能打开，但是在css中引用却不行，而且在network中是加载出来这个svg的。
名刀工一品·2023-09-01 10:24

基于 canvas 的批注功能组件

//github.com/dishui1238/capture-component该组件使用了vux组件库，也可换位其它组件库；html2canvas脚本，用于将当前页面元素绘制到canvas上；以及svg-sprite-loader
滴水1238·2023-09-01 08:50

css修改svg颜色

css修改svg颜色第一种方式：简单易用，但小程序不支持.svg-red{filter:invert(69%)sepia(16%)saturate(6918%)hue-rotate(316deg)brightness
wyc0859·2023-09-01 02:37

vue项目中性能优化方法

一.代码包优化1.屏蔽sourceMap2.对项目代码中的JS/CSS/SVG(*.ico)文件进行gzip压缩3.对路由组件进行懒加载二.源码优化1.v-if和v-show选择调用2.为item设置唯一
_木_槿_·2023-09-01 02:30

svg的图片怎么通过修改源码修改其颜色

这里有一张svg的图片，如下：原svg的代码(在IDE中打开)如下：svg代码如下：想要改变该svg的图片背景颜色，只需修改上面代码中的fill即可
zhoupenghui168·2023-09-01 01:13

img引入的svg图片，悬浮时怎么修改颜色？

实现效果：鼠标悬浮在这一行，让这行的文字和svg图片颜色发生变化。因为是用·img标签引入页面，使用fill属性是无效的。
周周爱喝粥呀·2023-08-31 22:42

svg图片如何渲染到页面，以及svg文件的上传

svg图片渲染到页面的几种方式背景require.context获取目录下的所有文件方式1:直接在html中渲染方式:发起ajax请求，获取SVG文件背景需要实现从本地目录下去获取所有的svg图标进行预览
周周爱喝粥呀·2023-08-31 22:12

【iOS】Masonry的基本使用

文章目录前言一、使用Masonry的原因二、约束的常识三、Masonry的简单使用四、Masonry的用例总结前言暑假安装了cocoapods，简单使用其调用了SVGKit，但是没有学习Masonry，
温柔何曾赋我·2023-08-31 19:06

第57期 Vue3究竟好在哪里 & 钉钉文档编辑器的前世今生 & 图解SSH原理及两种登录方法

如何让Flutter应用更好地使用SVG？改进SVG的性能问题。
前端收藏家·2023-08-31 19:15

深度学习笔记9_Softmax回归_图像分类（李沐，pytorch)

matplotlibinlineimporttorchimporttorchvisionfromtorch.utilsimportdatafromtorchvisionimporttransformsfromd2limporttorchasd2ld2l.use_svg_display
贤良淑德列克星敦_CV2·2023-08-31 13:16

2022-06-21

SVG图片加载图片首次渲染跨域canvas安全机制一.优化前问题记录当图纸有49个“水泵彩41”设备时，保存时转化为图片的时间是2183ms整个保存操作耗时是2534ms1.png二.优化分析2.png
Yong_bcf4·2023-08-31 11:27

Vue源码之目录结构

持续集成/持续部署工具的配置文件├─.github//项目相关的说明文档，上面的说明文档就在此文件夹├─benchmarks//基准,性能测试文件，Vue的跑分demo，比如大数据量的table或者渲染大量SVG
一枚蛋·2023-08-31 10:59

vue项目使用svg实现一个物体沿着线条实时运动；svg图像放大缩小；svg中的文字居中显示

points[index-1].y:point.y"stroke="#1677ee"stroke-width="4"key="index"/>{{index+1}}重点解释一下：1.svg中的：width
祝你今天也快乐·2023-08-31 04:35

记录一次可视化大屏开发

另外5.1支持svg地图数据格式，与之前的一些用法截然不同，同时拓展性也更加高了，svg地图值得研究下，像svg内插入图片、定义事件等。这里推荐一下echarts社区的案例，便于开发。
陈景夏·2023-08-31 03:39

如何用svg在网页中画一条带箭头的连接线

path命令SVG中所有基本形状都是path的简写形式，但是建议使用简写形式，因为这样可以使SVG文档更可读。
kingller·2023-08-31 03:28

鸿蒙系列-如何更好地使用 ArkUI 的 Image 组件？

在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg和gif，具体用法请参考Image组件。
最后的轻羽·2023-08-31 02:00

three.js 字体精简处理

文章目录工具介绍FreeTTFToSVGCoverterfonts-streamline处理步骤下载常用中英文ttf字体将ttf字体转换成svg字体抽取svg字体文件将精简后的ttf字体转换成json使用示例由于中英文字体文件太大
何去何从2857·2023-08-31 01:07

vite-plugin-svg-icons插件封装SvgIcon组件详解

通过vite-plugin-svg-icons插件封装SvgIcon组件通过命令安装插件yarnaddvite-plugin-svg-icons-D#ornpmivite-plugin-svg-icons-D
硅谷干货·2023-08-31 00:43

使用svg-sprite-loader引入icon

本篇文章是在vue-cli脚手架项目环境下讲解项目需要引入图标，我们在阿里妈妈iconfont下载合适的svg图标，放入assets/icons目录中引入svg我们尝试在单文件页面xxx.vue中使用，
张德瘦嬢嬢·2023-08-30 22:19

vue2+vue3封装使用svg图标

需求：1.在vue2中封装使用svg2.在vue3中封装使用svg3.在vue3中使用自定义插件封装多个组件注意！！！
请叫我欧皇i·2023-08-30 19:54

编程之道：【软件工程实践】深入探讨软件开发生命周期和方法学

在当今数字时代，软件开发已经成为了我们生活的一部分。从移动应用到庞大的企业级系统，软件无处不在。然而，为了构建高质量、可维护的软件，软件工程实践显得至关重要。本文将深入探讨软件开发生命周期和方法学，以了解如何在项目中有效应用它们。软件开发生命周期软件开发生命周期是指从软件项目的概念阶段到最终交付和维护的整个过程。它包括以下阶段：需求分析：在这个阶段，开发团队与客户和利益相关者合作，明确项目的目标和
fans小知·2023-08-30 17:30

编程之道：【软件工程实践】构建成功项目的最佳实践

在现代软件开发中，采用最佳实践是确保项目成功的关键之一。软件工程实践涵盖了项目的各个阶段，从需求分析到设计、实现和测试。本文将介绍这些阶段的最佳实践，以帮助确保您的软件项目按计划成功完成。1.需求分析阶段需求分析是软件开发的基石，因为它为整个项目奠定了基础。以下是需求分析阶段的最佳实践：清晰的需求文档：编写详细、清晰、可验证的需求文档是至关重要的。确保需求文档包含所有关键信息，包括功能、性能要求和
fans小知·2023-08-30 17:30

编程之道：【软件工程实践】文档编写、代码维护和项目管理的不可或缺

在现代软件开发中，软件工程实践是构建成功项目的关键要素。其中，文档编写、代码维护和项目管理三者的紧密协作至关重要。本文将强调这些方面的重要性，以帮助确保项目的成功交付和可持续发展。文档编写：项目的指南文档编写是软件工程实践的一个重要组成部分。以下是文档编写的重要性：清晰的需求文档：需求文档定义了项目的目标和功能。它是项目计划和开发的基础。清晰、详细的需求文档有助于开发团队全面了解项目需求，避免误解
fans小知·2023-08-30 17:30

编程之道：【代码重构】消除异味和坏味道，提升代码质量

在软件开发中，有时会遇到一些让人不爽的情况，代码也不例外。这些情况被称为“代码异味”或“坏味道”。它们可能表明代码存在问题，需要进行重构以提升质量和可维护性。本文将介绍代码异味和坏味道是什么，以及如何识别和解决它们。代码异味和坏味道是什么？代码异味是指在代码中存在的，虽然不一定是错误，但通常表明潜在问题或低质量设计的特征。异味可以使代码难以理解、扩展和维护。坏味道是更深层次的代码问题，通常会导致更
fans小知·2023-08-30 17:48

vite构建的vue3项目中如何使用svg图标？

1、安装插件：vite-plugin-svg-icons//通过命令安装2个插件npmivite-plugin-svg-icons-Dnpmifast-glob-D如图所示//package.json"devDependencies
艾码仕·2023-08-30 14:46

vue-cli3引入svg图标全过程以及遇到的坑

一、讲原理svg-sprite，和css-sprite有点像，就是先把所有的svg图放页面上，但是不现实，用的时候去取。这个时候去MDN补一下知识。
Army-海军·2023-08-30 10:49

vue中使用本地svg，抽为全局组件svg-icon

vue中使用本地svg，抽为全局组件svg-iconvue中使用本地svg，抽为全局组件svg-icon增加icon文件夹SvgIcon组件main.js中导入icons修改配置vue中使用本地svg，
Vincent.TM·2023-08-30 10:17

vue项目引入svg组件全过程

文件格式svg下方对应.svgindex.vuesvg-icon组件exportdefault{name:'SvgIcon',props:{iconClass:{type:String,required
csstmg·2023-08-30 10:42

svg代码转base64代码

转换页面上的svg代码svgBase64():void{//找到页面上面的svg元素constsvg=document.getElementById('svg');//将整个document对象序列化为一个
HerayChen·2023-08-30 06:04

web 各个优化指标，提高你得网站性能，以及动画性能

1，img元素2，image中的svg元素3，video元素4，通过url函数加载背景图片的元素5，包含文本节点或者其他内连文本元素子级的块级元素1
爱撸猫的小黑人·2023-08-30 06:55

技术支持

电子邮件：vgvsvg[email protected]电话：096-15461115
破鞋漏脚尖·2023-08-30 05:45

Technical Support

Thisgamefocusesonthebestgames,ifyouencounteranyproblemsinthegame,pleasecontactusintime.Email:vgvsvgkmnkn315
破鞋漏脚尖·2023-08-30 01:51

vue3中使用svg图片

前言项目使用cli创建，只适用于cli项目一、安装依赖npminstallsvg-sprite-loader-D二、修改vue.config.jsconstpath=require('path')functionresolve
Landing...·2023-08-30 01:55

编程之道：【软件构建技巧】提高效率与质量的关键实践

在现代软件开发中，构建过程是整个开发周期中的一个关键环节。为了提高效率和软件质量，开发团队采用了一系列关键实践，包括构建工具、自动化测试和版本控制等。本文将探讨这些实践以及它们在软件构建中的重要性。1.构建工具：简化复杂性构建工具是开发人员的得力助手，可以大大简化复杂的构建过程。它们可以执行一系列任务，如代码编译、资源压缩、依赖管理和部署自动化。常见的构建工具包括ApacheMaven、Gradl
fans小知·2023-08-30 00:05

编程之道：【代码重构】提升代码质量的关键一步

在软件开发的旅程中，不仅仅是代码的编写，还包括了代码的维护和改进。代码重构是其中的一个重要环节，它强调的是改进代码的内部结构，使其更容易理解、维护和扩展。本文将探讨代码重构对于改进代码质量的重要性。代码重构是什么？代码重构是一种在不改变软件外部行为的前提下，改进代码内部结构、提高代码质量的过程。它不是修复bug或添加新功能，而是通过重新组织、重写或简化代码，使其更加清晰、高效，减少复杂性。为什么代
fans小知·2023-08-30 00:05

编程之道：【软件构建技巧】构建过程和持续集成的重要性

软件开发是一门复杂的艺术，其中构建过程和持续集成是关键组成部分。构建是将源代码转化为可执行软件的过程，而持续集成是确保代码的不断集成、构建和测试的实践。在本文中，我们将深入探讨这两个关键概念的重要性以及它们对软件开发的价值。构建过程的重要性：构建是将代码转化为可执行软件的过程。这个过程不仅仅是将源代码编译成可运行的程序，还包括了许多其他任务，如资源压缩、代码优化、依赖管理等。构建过程的重要性在于：
fans小知·2023-08-30 00:34

Vue3+TS使用element-plus 动态Icon图标

目录1，前言2，使用2.1，方式一2.2，方式二1，前言源于一段话ElementPlus团队正在将原有组件内的FontIcon向SVGIcon迁移，请多多留意更新日志,及时获取到更新信息，FontIcon
鹏多多.·2023-08-29 21:21

编程之道：【软件构建技巧】代码评审和团队协作的威力

在现代软件开发中，构建高质量的软件是至关重要的目标。高质量的软件不仅仅意味着它能够如期交付，还意味着它具备稳定性、可维护性和可扩展性。为了实现这一目标，代码评审和团队协作是两个至关重要的实践，它们共同为构建高质量软件提供了坚实的基础。代码评审：挑剔的眼光代码评审是一种系统性的方法，通过检查和审查代码来发现和修复问题。这个过程不仅仅是发现语法错误，还包括对代码结构、性能、可读性和最佳实践的审查。下面
fans小知·2023-08-29 21:36

编程之道：【性能优化】提升软件效率的原则和方法

在今天的数字化世界中，软件性能对于用户体验和应用程序的成功至关重要。无论是网页加载速度、移动应用的响应时间还是大型服务器的处理能力，性能优化都扮演着关键的角色。本文将介绍性能优化的基本原则和方法，帮助开发人员提升软件效率。性能优化的原则：测量和分析：要优化性能，首先需要了解当前的性能状况。使用性能监测工具和分析技术来测量关键性能指标，如响应时间、负载和资源利用率。这些数据将为优化提供指导。设定明确
fans小知·2023-08-29 21:36

编程之道：【性能优化】深入探讨时间复杂度和空间复杂度

性能优化是软件开发中至关重要的一个方面，它旨在提高程序的执行速度和资源利用效率。在优化过程中，时间复杂度和空间复杂度是两个关键的概念，它们帮助开发人员更好地理解和改进算法和数据结构，以提高程序的性能。时间复杂度：时间复杂度是衡量算法执行时间随输入规模增加而增加的度量。通常以大O符号（O）表示，它描述了算法执行时间与输入规模之间的关系。常见的时间复杂度包括：O(1)：常数时间复杂度，表示算法的执行时
fans小知·2023-08-29 21:36

编程之道：【性能优化】提高软件效率的实际建议和避免常见陷阱

在今天的数字化世界中，软件性能是应用程序成功的关键之一。无论是网页加载速度、移动应用的响应时间还是后端服务器的处理速度，性能都直接影响着用户满意度。在追求高性能时，开发人员需要采取一系列实际建议，同时避免常见的陷阱。1.测量性能：建议：首先，测量你的应用程序性能。使用性能分析工具和监控系统来收集数据，了解瓶颈在哪里。陷阱：不测量性能，或只是根据猜测来进行优化。没有准确的性能数据，你将无法知道哪里需
fans小知·2023-08-29 21:04

vue-element-admin logo显示与修改 左侧栏图标修改

vue-element-adminlogo显示与修改vue-element-admin左侧栏图标修改1.svg格式图添加至icons/svg里2.router/index.js里icon修改
璇璇吴·2023-08-29 18:21

vue项目webpack打包优化体积优化，打包体积减少200kb到4Mb

解决方法1.压缩图片应尽可能地压缩项目中的图片，或使用svg矢量图、雪碧图、webp图片（此种图片仅兼容谷歌和opera浏览器，但图片的体积更小）等小体积的图片，达到减少打包体积的目的。
shalDream·2023-08-29 18:08

前端面试话术集锦第二篇

⾏内元6.HTML全局属性(globalattribute)有哪些7.Canvas和SVG有什么区别？8.
互联网全栈开发实战·2023-08-29 06:12

vue读取文件夹下面的文件名称

需求需要读取某个文件夹下面的所有文件名称，然后显示这些文件名称2.在mounted中：mounted(){constfiles=require.context('需要读取的文件路径',false,/.svg
常威在打来福~·2023-08-29 05:37
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他