极客观点
项目管理
HarmonyOS
找到约 5586 条结果
深入理解 SVG 系列（二） —— SVG 坐标系统
这一篇是讲 SVG 的坐标系统，在这之前如果你对 SVG 的基础知识还不是很了解，可以先点这里学习 深入理解 SVG 系列（一） —— SVG 基础。 网格坐标系 和很多计算机绘图所使用的坐标系统一样，SVG 也使用了网格坐标系统。这种坐标系有如下几个特点: 以左上角为坐标系的原点(0,0) X 轴的正方向向右，从 0,0 点开始向右， x ...
2018-07-17
38
4
Vite Plugin Just so so
最近，在做项目优化的时候，突然发现有一个点可能我们平时都很少去注意- 我们如何维护和使用svg。当我们项目中svg资源过多时，无论是资源管理还是资源引入都是一个让人头疼的问题。
2024-05-13
1
d3.js中动态数据的请求、处理及使用
d3中数据的使用 请求外部的文件，文件格式有：json、html、csv、txt、xml、tsv等。 .csv文件指的是以，分隔的文件。 c表示comma 逗号的英文名。 请求数据、获取数据、处理数据格式、使用数据 请求json格式数据 {代码...} 全部代码 {代码...} 通过字母添加刻度值
2017-12-14
SVG的坐标系统
在开始学习如何绘图之前，我们先来看一下 SVG 的坐标系统。与很多计算机绘图所使用的坐标系统一样，SVG 也使用了网格坐标系统。这种坐标和我们以前在数学中学过的坐标有些不同。
2021-01-12
SVG 图标制作指南
iconfont解决了我们以前大量使用小图标带来的种种问题，但是也有自身的各种缺陷。比如不支持多色，不同浏览器下的表现不同，需要做各种兼容等。 不久的将来iconfont应该会被svg symbol技术替换。本文就是介绍如何在网页中使用SVG图标。顺带一提蚂蚁金服的Ant.Design已经把方案从原来的字体图标转到SVG图标。
2017-07-03
16
评价打分组件，SVG 半颗星的解决方案！
微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。
2023-01-10
3
SVG入门
SVG意为可缩放矢量图形(Scalable Vector Graphics)，是使用XML来描述二维图形和绘图程序的语言。 原文链接 SVG简介 SVG指可伸缩矢量图形 SVG用来定义用于网络的基于矢量的图形 SVG使用XML格式定义图形 SVG图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG在HTML中 SVG文件可通过标签嵌入HTML中： * embed object...
2017-11-09
2
100 幅高质量插图，无版权可以在任何地方使用它！
点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。**
2020-12-31
14
svg的使用方式
使用img加载 {代码...} 优点：使用简单缺点: 不能动态修改svg的样式
2024-07-03
使用 node.js 从 iconfont.svg 文件中恢复单图标文件
阿里巴巴矢量图标库 （以下称iconfont）提供了方便的图标分享和管理功能。但是由于其图标项目独立于代码仓库，往往导致同一项目更换开发人员之后，接任者不能继续管理原来的图标库，给开发带来各种不便。
2020-11-27
3
svg转字体文件部分线条缺失
以为是A字识别不出来，于是在其他地方找了一个带有A的svg，上传到iconmoon查看转换后的图标是，A并没有缺失，猜测是svg源码的问题导致iconmmon转换时有问题。查看没问题的svg源码如下：查看有问题的svg源码如下：发现问题：没问题的svg的path是一个，有问题的svg的path是多个，尝试把有问题的path合并成一个，合并之后打...
2024-10-11
1
将html页面转成图片（html2canvas）
使用插件html2canvas官网：[链接]案例： {代码...}
2024-03-26
Vue电商项目-提升逼格玩转svg
哈喽~各位掘友,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解项目中svg组件封装使用,篇幅较长,顺手点个赞先收藏下😊
2019-12-20
6
2
手把手教你,从零开始创建一个svg描边动画图片
1.先在html中创建svg元素 {代码...} 2.在svg里面添加矩形元素rect {代码...} 3.添加css描边动画 {代码...} 4.创建一个文本文档 {代码...} 5.收尾工作 {代码...} 6.完整代码 {代码...} 7.动画效果
2019-10-31
css+svg实现支付宝小鸡吃米
剩下大部分都是由div+css制作完成，不规则圆形等使用border-radius,不规则四边形使用transform：skew()属性变换，动画使用@keyframes 定义位置动画
2017-12-05
7
13
HTML5 SVG可缩放矢量图形的使用
这里是一个简单的例子，用html5在页面中创建SVG可缩放矢量图形：在chrome，ie9，firefox适用。 HTML5 <wbr>SVG可缩放矢量图形的使用 XML/HTML Code <!DOCTYPE html> <html> <body> <svg width="200" height="200"> <rect x="10" y="10" width="100" height="100" fill="#123456...
2019-09-19
html5之svg
HTML5之svg 矢量图，缩放不变形。 1. 绘制基础 1.1标签绘制 {代码...} 1.2 js绘制 {代码...} 1.3 path绘制 {代码...} 1.4 文本绘制 {代码...} 2.动画基础 2.1 直线动画 {代码...} 2.2 弧线动画 {代码...} 2.3 轨迹动画 {代码...} 2.4 文本动画 {代码...} 2.5 动画综合练习 {代码...} {代码...} 3.图案动画 {代码...} 这...
2019-05-08
1