跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 洗牌
搜索

文章标签
svg pattern

3 篇文章
{
,

}
优化 SVG 模式至最小尺寸的文章的直接链接
SVG svg 模式 SVG 使用

优化 SVG 模式至最小尺寸

我最近在我的 #PetitePatterns 系列中创建了一个砖墙图案,这是一个挑战,我将在 560 字节(或大约两条推文的大小)内创建 SVG 中的有机外观图案或纹理。为了满足这个限制,我必须…

Avatar of Bence Szabó
Bence Szabó 于 2022 年 3 月 18 日
使用 SVG 过滤器创建图案的文章的直接链接
SVG svg 过滤器 svg 模式

使用 SVG 过滤器创建图案

多年来,我一直无法在 CSS 中创建出看起来比较自然的图案,这让我很痛苦。我的意思是,有时我只需要一个木质纹理。我知道的唯一生产友好型解决方案是使用外部图像,...

Avatar of Bence Szabó
Bence Szabó 于 2021 年 3 月 15 日
SVG 图案的文章的直接链接
图案 SVG svg 模式

SVG 图案

SVG <pattern> 元素允许我们在 SVG 标记中定义图案,并将这些图案用作 fill。图案的基本流程如下

  • 在 SVG 中定义一个 <pattern>
  • 定义形状
…
Avatar of Geoff Graham
Geoff Graham 于 2020 年 12 月 15 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们做广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.