找到约 5587 条结果
  • d3--selection选择集的理解
    选择集里面只有group是可以直接接selection的方法 selection.fn {代码...}
    2019-08-03
  • 有弹性效果的SVG元素
    今天分享一下带有弹性元素的灵感。这个想法是整合SVG元素成为带有弹性动画的组件。使用SVG能使菜单、按钮和其他元素变得更有趣,让交互也更加自然友好。但是不能过度使用弹性效果,只要有微小的变化即可。
    2015-02-06
    1
  • 【3分钟技能get】网站色调灰度 & JSON.parse建议
    4月4日,沉痛悼念逝去的同胞,各大网站基本都下掉了娱乐板块,并且网站色调调整为灰色。怎么实现的呢?全部图片以及文本背景色设置为灰色?这样的话成本是巨大的。其实只需要加上一行css即可:
    2020-04-05
  • 使用SVG做模型贴图的思路
    大多数情况下,三维模型使用PNG,JPG作为模型的贴图,当然为了性能优化,有时候也会使用压缩贴图来提高渲染效率和较少GPU压力。今天提供一种新的思路,使用SVG作为模型的贴图,可以达到动态调整图片精度的效果。使用svg作为贴图的思路,有两种。直接作为贴图直接使用贴图,其实和png jpeg的图片没有多少差别,加载的贴图...
    2021-11-20
  • SVGMaker for mac(HTML5网页动画设计软件) 1.14
    SVGMaker for mac是应用在mac上的一款强大的HTML5网页动画设计软件,用于描述二维图形应用程序和图像以及一组相关的图形脚本界面,是用于为HTML5网页,移动应用程序,动画设计和常规图形使用情况设计SVG内容的应用程序,需要的朋友,欢迎来Macdown下载。SVGMaker软件功能
    2020-05-05
  • 一篇文章带你了解SVG 渐变知识
    <linearGradient>标签必须嵌套在<defs>的内部。<defs>标签是definitions的缩写,可对诸如渐变之类的特殊元素进行定义。
    2020-11-06
  • d3.js之柱形图的实现
    D3.js 完整的柱形图 一个完整的柱形图包含三部分:矩形、文字、坐标轴。制作一个实用的柱形图,内容包括:选择集、数据绑定、比例尺、坐标轴等内容。 实现过程 1、添加 SVG 画布,矩形元素和文字元素的 x 和 y 坐标要特别注意,要结合比例尺给予适当的值。 {代码...} x 轴使用序数比例尺,y 轴使用线性比例尺。要注意两...
    2017-12-15
  • C#/VB.NET:快速而简单的免费SVG到PDF转换技巧
    在日常工作中,我们常常需要将SVG转换为PDF格式。这是因为SVG格式的图像在打印时可能会出现问题,例如失去分辨率或无法正确适应纸张大小。与此相比,PDF格式则专门用于打印和共享文档,可以确保高质量输出,并且能够自动适应不同的纸张大小。在本文中,我们将介绍如何使用编程方式将SVG文件转换为PDF,并以C#代码示例演...
    2023-06-16
  • 翻译 | 编写SVG的口袋指南(上)
    Scalable Vector Graphics (SVG)是在XML中描述二维图形的语言。这些图形由路径,图片和(或)文本组成,并能够在不失真的情况下任意变换尺寸。本书主要介绍了内联SVG,它是指在HTML中编写的嵌入式代码,以便在浏览器中生成这些图形。
    2017-09-12
  • GrowingIO Design 图标库:从原理到实现
    随着前端技术的发展,网页中的图标(Icon)已经不再局限于 <img> 标签,还有很多实现方式,比如:Sprites(俗称雪碧图)、Icon Font(字体图标)、SVG 等等。而一个被工程师所熟知的前端框架 Bootstrap,用这些技术实现了它的图标库。
    2021-11-12
  • 见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究
    Favicon是favorites icon的缩写,也被称为website icon(站点图标)、page icon(页面图标)或者urlicon(URL图标)。Favicon是与某个站点或网页相关联的图标,网站设计者可以多种方式建立这种图标,几乎所有浏览器都支持此功能,浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标...
    2022-06-07
  • 零基础教你学前端——46、SVG 绘制文本
    SVG中,通过 text 标签来绘制文本,它是一个双标签,基本语法为:尖角号 text,尖角号 /text,标签里填写文本的内容。它的  属性 x 和  属性y,定义文本的位置坐标,值为数字。还有两个常用属性:font-size,定义文本的大小,值为数字。text-anchor,定义文本的对齐方式。有三个值:start,以文本左端对齐;middle,以...
    2022-12-05
  • 通过 font-awesome 案例来学习 css sprite 和 svg sprite
    我们顺着src:url()找到其图标svg 其路径为url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); 我们用sublime打开路径下的svg图,由于SVG是 XML 格式,因此可以支持通常用 XML 工具和库进行的转换和生成。具体的教程链接:XML 问题: 使用 SVG 编程 {代码...}
    2015-07-23
    1
  • 《SVG精髓》笔记(一)
    视口(viewport):文档使用的画布区域,表示SVG可见区域的大小,通常可以在 <svg>元素 上使用 width 和 height 属性确定视口的大小。
    2018-01-05
  • vitepress首页右侧自定义图标
    两种方式配置1、直接使用icon,vitepress支持的icon请看链接:sociallinks2、使用svg自定义图标,icon内部配置svgsvg直接以代码的形式写入。
    2025-03-05
  • 关于SVG
    以前前端IE6时代做按钮, 图标背景图用gif, png, 后来主流png, 现在各种流体结构,高分屏的需求, svg大行其道, 无论是体积还是灵活性还是品质都远胜png。
    2018-02-09
  • SVG 绘制多边形
    绘制多边形可以使用 SVG 中的 <polygon> 元素,通过元素中的 points 属性确定各个点的位置,和 <polyline> 元素差不多。
    2021-02-05