来自SVG的灵感

最新推荐文章于 2019-09-02 17:09:23 发布
最新推荐文章于 2019-09-02 17:09:23 发布
阅读量2k 收藏
点赞数
分类专栏： Object Pascal 代码灵感 文章标签： workflow borland 图形 vector 数据库 class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xray2fly/article/details/126169
版权
SVG - Scalabel Vector Graphics
可伸缩向量图形（SVG）使得用文本指定出现在页面上的图像成为可能。它的好处有很多，包括轻松地从数据库信息生成图形，以及向图形添加动画和交互性的能力。

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

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

看看以前写的简陋的workflow designer

xray2fly
关注
专栏目录
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 173
　　前端开发人员和设计师一般使用CSS来创建 HTML 元素动画。然而，由于HTML在创建图案，形状，和其他方面的局限性，它们自然的转向了 SVG，它提供了更多更有趣的能力。借助 SVG，我们有更多的方式来创建新的动画。 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 ...
带给你灵感：30个超棒的 SVG 动画展示【上篇】
weixin_34378767的博客
09-21 126
　　前端开发人员和设计师一般使用 CSS 来创建 HTML 元素动画。然而，由于 HTML 在创建图案，形状，和其他方面的局限性，它们自然的转向了 SVG，它提供了更多更有趣的能力。借助SVG，我们有更多的方式来创建新的动画。您可以同时使用内置的 SVG 动画功能和 CSS3 动画。 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推...
svg基础 6 动画和交互性
旅途
12-13 1019
控制属性　　即使在 SVG 产生以前，动画和交互性已经在 Web 上确立了牢固的地位。尽管实现可能较复杂，但是概念很简单：更改对象属性值，对象本身看起来就会改变。例如，给 x 坐标增加 50 个像素，对象就会向右移动 50 个像素。　　SVG 图像具有相同的概念，但实现却简单得多，这是由于这些能力从开始就构建到语言中。SVG 定义了专用于动画的五种元素：animate： 该元素
10个创意的SVG Button 点击特效
clschen的专栏
05-24 3743
今天为大家展示来自 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 %{...
HypertextLiteral.jl:Julia库，用于HTML和SVG的字符串插值
04-05
该项目的灵感来自Mike Bostock（ ）的，可从。 这项工作是基于Michiel Dral撰写的Julia的移植，以及Kirill Simonov（ ）的重要建筑反馈。 该程序包提供了@htl宏，该宏返回可以呈现给MIME"text/html"显示的对象。 ...
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 3313
刚学了两天svg基础，随手记个笔记，通过改变svg锚点路径创作动画效果，今天的demo是一个播放和暂停的按钮 动画的原理，无论是帧动画，还是位移动画，无非就是将一个图形从a状态转变为b状态的一个过程 首先想象一下播放和暂停的按钮应该是什么样子的 通过动画，将暂停的画面改变为播放的画面， 因为涉及到图形的坐标和形状，这个比较考验空间想象力，我本身呢  这种想象力就不是很好，所以在ps里画...
带给你设计灵感的30个超棒的暗色系网站设计
GBin1.com
08-06 2384
日期：2012-8-4  来源：GBin1.com 暗色系的网站设计能够让你的访问者产生炫酷和神秘的感觉。我们GBin1也使用了暗色系的风格。在今天的这套网站设计实例展示中，我们将收集30个超棒的暗色系的网站设计，希望大家喜欢！ 1. The Old Barber Shop 2. 76 Synthesizer 3. JUXT Interactive 4. Alien
个人练习代码库/SVG矢量动画
GalleyF的博客
04-12 272
例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 2350
一、动画 1.SVG动画 在SVG中提供了三种常用动画标记 animate：基础动画 animateTransform：形变动画 animateMotion：路径动画 2.SVG动画属性 attributeType: CSS/XML 规定的属性值的名称空间 attributeName: 规定元素的哪个属性会产生动画效果 from/to: 从哪到哪 dur: 动画时长 fill: 动画结束之...
在 SVG 中添加交互性
weixin_33860553的博客
09-30 197
可伸缩矢量图（Scalable Vector Graphics SVG）是一种基于 XML 的语言，用于绘制二维图形。不过，它的能力不局限于简单的静态矢量图形。本文展示了如何将交互元素加入到 SVG 文档中，使其可以对用户输入作出响应。 SVG 中的交互性可以分为三个领域 -- 链接、事件和脚本。本文将依次讨论这三个领域。 注意：要查看本技巧中的 SVG 文档，需要有一个 SVG 查看程序，可...
Xray@NET，业余写的SNIFFER
xray 的自由梦想
06-23 2907
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 1520
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
TWaver Web SVG开发者指南
"TWaver Web SVG 开发说明文档" 本文档是TWaver Web SVG的开发者指南，版本2.0，发布于2008年2月，由SERVASoftware提供。TWaver Web SVG是一款专用于开发电信网管WEB模式的工具，它基于SVG（Scalable Vector ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值