研究了一天的拉菲尔,呼呼,在我贫乏的JS基础上研究了这么些,算是初步完成我想要的效果吧,明天继续,希望能实现我要的效果
<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Raphaël · Curver</title> <style> body { background: #000; color: #000; font: 100.1% "Lucida Grande", Lucida, Verdana, sans-serif; } #holder { height: 480px; left: 50%; margin: 0 0 0 -320px; position: absolute; top: 0; width: 640px; } #copy { bottom: 0; font-size: .7em; position: absolute; right: 1em; text-align: right; } </style> <script src="../raphael.js" type="text/javascript"></script> <script type="text/javascript" src="../../jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function(){ var r = Raphael("holder", 620, 420); discattr = {fill: "#f00", stroke: "none"}; discattr2 = {fill: "#fff", stroke: "none"}; var x=20; var y=20; var ax=120; var ay=50; var bx=230; var by= 300; var zx= 270; var zy= 300; (function () { var path = [["M", x, y], ["C", ax, ay, bx, by, zx, zy]]; $("#ee").click(function(){ r.circle(x, y, 5).attr(discattr), el =r.path(path).attr({fill: "none", stroke: "#fff", "stroke-width": 2,"opacity": 0}), el.animate({"opacity": 1}, 1000), r.circle(zx, zy, 5).attr(discattr2) }); })(); }) </script> </head> <body> <div id="holder"></div> <div id="ee" style="width:100px; height:30px; line-height:30px; background:#f00; text-align:center; cursor:pointer;">btn</div> </body> </html>
相关推荐
NULL 博文链接:https://justcoding.iteye.com/blog/665253
可视化流程设计器,基于jQuery和Raphaël ,兼容性强,使用方便,扩展性强。经过一夜的努力反编译了一位大神的代码,整理了整体思路并添加注释。 具体描述可在我博客中找到。 10分确实有点贵,但是绝对超值,而且我...
NULL 博文链接:https://justcoding.iteye.com/blog/1618691
Raphaël 是一个小型 JavaScript 库,它可以简化您在网络上使用矢量图形的工作。 例如,如果您想创建自己的特定图表或图像裁剪和旋转小部件,您可以使用此库轻松轻松地实现它。 Raphaël ['ræfeɪəl] 使用 SVG W3C...
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you ...
本人网上找的代码,进过修改增加了省区文字 演示地址:http://www.5imvc.com/Rep/Map
该插件为javascript矢量库Raphaël( )提供了布尔操作。 您可以使用单个元素(而不是集合)来执行 联合[A + B | A或B] 差异[A-B | A NOT B] 交集[A * B | A和B] 排除[A ^ B =(A + B)-(A * B)| A XOR B] ...
NULL 博文链接:https://love-66521.iteye.com/blog/1974593
RaphaëlVarane新标签页扩展程序为您的Chrome浏览器带来了新外观。 安装RaphaëlVarane New Tab Theme,并欣赏RaphaëlVarane的精选高清图片。 它带有一些很酷的属性,这些属性可以改善您的“新标签页”体验,例如:...
Raphaël.js 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。 Raphaël.js 使用SVG W3C推荐标准和VML作为创建图形的基础。
它基于Raphaël库进行矢量绘图。 入门 安装Justgage就像... bower install justgage-official 或您想使用NPM ... npm install justgage --save 示例 或者您可以随时下载CSS和JS文件... <!-- Raphael must ...
Raphaël Hertzog and Roland Mas had the required qualities and managed to create and update this book. I thank them very much for their work and have no doubt that reading this book will be both ...
曲线图 动感 ... 该项目的目的是通过绘制椭圆曲线组成的点来帮助更好地理解这项技术。 此外,添加点的过程是可视化的。... 所使用的技术栈由 HTML、JavaScript、CSS 和。 路线图 实现 k 乘法 在状态栏中显示计算
Raphaël JavaScript 库转换器准备好。 放。 拉斐尔。 将内容从 SVG 文件转换为 Raphaël JavaScript 代码。在线转换工具请访问为您的项目使用我们的自动转换器。用法 <?phptry { $xml = file_get_contents(...
xdot.js xdot.js 将格式的字符串解析为对象。 这xdot.py的第一个版本是在词法分析器/解析器代码非常密切的端口 。 生成 xdot 文件 xdot是使用 GraphViz 布局命令之一从点文件生成的。 在这种情况下,我们将只使用...
节点拉斐尔 使用漂亮的SVG库生成svg数据。 特征 使用Raphael的静态svg生成 安装 npm install node-raphael 动机 NIH-不是在这里发明的...不好意思.....var raphael = require ( 'node-raphael' ) ;...
#RaphaëlLustin的个人页面
RaphaëlBOICHOT 策展人:Brian Khuu 该脚本的作者是RaphaëlBOICHOT,并且在他的允许下被发布在了这里。 具有电子纸功能的游戏男孩打印机模拟器(CrapPrinter)代码在Matlab中运行非常快,而在Octave中则运行缓慢。...
同时,JQTouch的创始人David Kaneda,以及Raphaël的创始人也已加盟Sencha团队。“在未来的几个月内,我们的合作将会创造出令人惊叹的新东西来。不会等太久的,我保证!”Sencha的CEO Abraham Elias如是说。 ...
拼字游戏:RaphaëlRosinski,Aleandre Rafanel和AlexandrePrévot制作的拼字游戏