在 Node.js 中将 SVG 图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式

2019-08-21
阅读 3 分钟
12.5k
翻译:疯狂的技术宅原文:[链接]未经允许严禁转载 介绍 你需要将SVG文件转换为PNG、JPEG、TIFF、WEBP 和 HEIF 格式吗?本文将指导你如何转换为所有这些类型的格式。 我们将使用 Node.js 和Sharp npm 包来完成大部分繁重的工作。 目录 安装 Sharp Npm 包 SVG 转 PNG SVG 转 JPEG SVG 转 TIFF SVG 转 WEBP SVG 转 HEIF 安...

一步步教你用 CSS 为 SVG 添加滤镜

2019-03-30
阅读 8 分钟
5.7k
自21世纪初以来,SVG就存在了,但仍有一些有趣的方法去用它。在本教程中,重点将放在 SVG 的滤镜上 —— 但不只是将它们应用于 SVG 图像,我将向你展示如何将它们应用于任何常规页面的内容上。

对SVG动画进行惰性异步光栅化处理

2019-01-30
阅读 2 分钟
3.9k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜的前端技术文章 渲染SVG图像可能会非常慢 在转换 SVG 图像时,浏览器会试着在每一帧上进行渲染,以便使图像尽可能的清晰。 不幸的是,SVG渲染可能会很慢,特别是对于较大的图像。 这里是一个DEMO,打开后点击“Scale SVG...

一步步教你用HTML5 SVG实现动画效果

2019-01-22
阅读 14 分钟
40k
摘要在这篇文章中你将了解Awwwards网是怎样实现动画的。 本文介绍了HTML5 SVG中的circle 元素,它的stroke属性,以及如何使用CSS变量以及用 Vanilla JavaScript 为它们设置动画。