来自SVG的灵感

最新推荐文章于 2025-07-13 12:47:27 发布
原创 最新推荐文章于 2025-07-13 12:47:27 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#workflow #borland #图形 #vector #数据库 #class

可伸缩向量图形（SVG）能让文本指定页面图像，好处众多，如从数据库信息生成图形、添加动画和交互性。作者用Borland Together导出class diagram为SVG格式时获灵感，认为用SVG实现工作流Designer部分，可降低60%工作量。
SVG - Scalabel Vector Graphics
可伸缩向量图形（SVG）使得用文本指定出现在页面上的图像成为可能。它的好处有很多，包括轻松地从数据库信息生成图形，以及向图形添加动画和交互性的能力。

今天用Borland Together看project的class diagram。导出时是用SVG格式。

突然来了灵感! 想当初做Workflow的Designer时，流程图的绘制、显示和保存花了我不少的时间。
如果用SVG来实现这部分，工作量应该会减低60%。呵呵，SVG，真是好东东。

看看以前写的简陋的workflow designer

CSS3基于SVG粒子花环动画特效.zip
07-04
CSS3基于SVG粒子花环动画特效是一款彩色粒子绘制花环动画效果代码。
svg-sprite-injector:异步加载SVG精灵
05-11
灵感来自 用法 只是简单地打电话 svgSpriteInjector ( 'sprite.svg' ) ; 通过localStorage缓存 svgSpriteInjector ( 'sprite.svg' , { revision : 1 // Revision identifier } ) ; DOM中的参数 svgSpriteInjector ...
带给你灵感：30个超棒的 SVG 动画展示【下篇】
weixin_34102807的博客
09-24 207
　　前端开发人员和设计师一般使用CSS来创建 HTML 元素动画。然而，由于HTML在创建图案，形状，和其他方面的局限性，它们自然的转向了 SVG，它提供了更多更有趣的能力。借助 SVG，我们有更多的方式来创建新的动画。 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 ...
带给你灵感：30个超棒的 SVG 动画展示【上篇】
weixin_34378767的博客
09-21 163
　　前端开发人员和设计师一般使用 CSS 来创建 HTML 元素动画。然而，由于 HTML 在创建图案，形状，和其他方面的局限性，它们自然的转向了 SVG，它提供了更多更有趣的能力。借助SVG，我们有更多的方式来创建新的动画。您可以同时使用内置的 SVG 动画功能和 CSS3 动画。 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推...
svg基础 6 动画和交互性
旅途
12-13 1124
控制属性　　即使在 SVG 产生以前，动画和交互性已经在 Web 上确立了牢固的地位。尽管实现可能较复杂，但是概念很简单：更改对象属性值，对象本身看起来就会改变。例如，给 x 坐标增加 50 个像素，对象就会向右移动 50 个像素。　　SVG 图像具有相同的概念，但实现却简单得多，这是由于这些能力从开始就构建到语言中。SVG 定义了专用于动画的五种元素：animate： 该元素
10个创意的SVG Button 点击特效
clschen的专栏
05-24 3941
今天为大家展示来自 codrops 分享的10组创意的 Button 点击特效，这个 Button 按钮特效主要以扭曲为主，当用户点击按钮后，按钮会产品不同扭曲样式，看起来很特别，动画实现方式主要是使用 SVG 来实现，下面来看看 DEMO 展示 。 黏效果 1 黏效果 2 黏效果 3 扭曲/波动效果 1 扭曲/波动效果 2 扭曲
SVG导航器「SVG Navigator」-crx插件
03-16
此扩展程序为在Chrome中查看的SVG文件添加了缩放和平移功能。 ...--------------------------转到带有SVG文件的网站。 该扩展程序开始在SVG图形上工作，您可以：*平移：单击并拖动或按住空格键并...这项工作的灵感来自Ke
svg.wiml.js:添加对 wiml 标记语言的支持的 svg.js 库插件
07-11
它的灵感来自纺织语法。 用法 在 html 文档中包含 svg.js 库后包含此插件。 标记 为了能够使用 WIML 标记语言，您需要了解 SVG 中文本元素的结构。 基本上文本元素可以包含文本节点或 tspan 元素。 Just some %{...
3、SVG 渲染属性与颜色创建指南
最新发布
ttt77的博客
07-13 63
本博客深入探讨了 SVG 中的渲染属性与颜色创建方法，包括 shape-rendering、text-rendering、color-rendering、image-rendering 和 buffered-rendering 的使用场景与优化策略。同时，详细解析了颜色的物理与生物学原理，以及如何在 SVG 中使用颜色关键字、RGB 表示法和 HSL 颜色模型创建丰富的颜色效果。通过代码示例和实际应用分析，帮助开发者更好地掌握 SVG 图形绘制与颜色控制技巧，提升 Web 图形的视觉效果与性能表现。
ocb:ocb (OCaml Badgen) 是一个用于生成 SVG 徽章的 OCaml 库。 还提供了一个命令行工具
05-29
八角 ocb (OCaml Badgen) 是一个用于生成徽章的库。 还提供了一个命令行工具。 快速开始 使用命令行工具 ocb --label Hello --color green --style flat --labelcolor white --status Goodbye >...这个项目的灵感来自。
SVG——入门，路径变形动画
weixin_41770018的博客
09-28 3584
刚学了两天svg基础，随手记个笔记，通过改变svg锚点路径创作动画效果，今天的demo是一个播放和暂停的按钮 动画的原理，无论是帧动画，还是位移动画，无非就是将一个图形从a状态转变为b状态的一个过程 首先想象一下播放和暂停的按钮应该是什么样子的 通过动画，将暂停的画面改变为播放的画面， 因为涉及到图形的坐标和形状，这个比较考验空间想象力，我本身呢  这种想象力就不是很好，所以在ps里画...
带给你设计灵感的30个超棒的暗色系网站设计
GBin1.com
08-06 2443
日期：2012-8-4  来源：GBin1.com 暗色系的网站设计能够让你的访问者产生炫酷和神秘的感觉。我们GBin1也使用了暗色系的风格。在今天的这套网站设计实例展示中，我们将收集30个超棒的暗色系的网站设计，希望大家喜欢！ 1. The Old Barber Shop 2. 76 Synthesizer 3. JUXT Interactive 4. Alien
个人练习代码库/SVG矢量动画
GalleyF的博客
04-12 332
例1    fillColor属性填充    <vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="200dp" android:width="200dp" android:viewportHeight="100" android:viewportW...
SVG基本使用（四、动画、动画常用属性、复合动画/往返动画/形变动画/路径动画、脚本编程
Cao_Mary的博客
09-02 2552
一、动画 1.SVG动画 在SVG中提供了三种常用动画标记 animate：基础动画 animateTransform：形变动画 animateMotion：路径动画 2.SVG动画属性 attributeType: CSS/XML 规定的属性值的名称空间 attributeName: 规定元素的哪个属性会产生动画效果 from/to: 从哪到哪 dur: 动画时长 fill: 动画结束之...
在 SVG 中添加交互性
weixin_33860553的博客
09-30 257
可伸缩矢量图（Scalable Vector Graphics SVG）是一种基于 XML 的语言，用于绘制二维图形。不过，它的能力不局限于简单的静态矢量图形。本文展示了如何将交互元素加入到 SVG 文档中，使其可以对用户输入作出响应。 SVG 中的交互性可以分为三个领域 -- 链接、事件和脚本。本文将依次讨论这三个领域。 注意：要查看本技巧中的 SVG 文档，需要有一个 SVG 查看程序，可...
Xray@NET，业余写的SNIFFER
xray 的自由梦想
06-23 3190
Delphi 6 + ANSI C (libpcap)，第三方控件只用了Toolbar2000 因为赞叹win98下的NetXray，在想了解实现原理的时候就写了它，因为delphi+pcap的cross-platform特性，相信我可以让它在linux下跑。:) 写的时候，把protocol的格式翻译成object pascal比较烦 目前可以解到TCP层，支持PPPoE，现在还只能解应用层的
Variant Records: The equivalent to the C-union structure
xray 的自由梦想
07-21 1576
Variant Records: The equivalent to the C-union structure Is there a way to create a C union-like structure in Delphi? That is, a structure that uses the same memory area? The Delphi (Pascal
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值