jjzjj

javascript - 为什么我的 Raphael JS 动画不循环?

你好我使用Raphael框架制作了这个动画。我希望星星(logoStar)无限旋转,但它只运行一次。谁能帮忙?谢谢window.onload=function(){buildLogo();}varbuildLogo=function(){varlogo=Raphael("title",800,236);varlogoStar=logo.path("M12.245131.057L16.039138.743L24.521139.974L18.383145.958L19.832154.406L12.245150.418L4.658154.406L6.108145.958L-0.03139.9

javascript - 拉斐尔-JS : Rect with one round corner

paper.rect(0,0,settings.width,settings.height,settings.radius);创建一个带有圆Angular的漂亮矩形。是否可以创建一个只有一个圆Angular的矩形? 最佳答案 如果你使用RaphaelJS:Raphael.fn.roundedRectangle=function(x,y,w,h,r1,r2,r3,r4){vararray=[];array=array.concat(["M",x,r1+y,"Q",x,y,x+r1,y]);//Aarray=array.concat([

javascript - 使用 Raphael 操作 SVG

是否可以使用Raphael来操作嵌入的SVG图像?我过去使用Raphael来绘制形状,但实际上并没有看到它被用来操纵现有的SVG图像。如果没有,是否有其他方法可以让我轻松地更改颜色、添加事件等到嵌入式SVG图像的多边形? 最佳答案 根据我阅读Raphael.js源代码的经验,我必须同意以前的帖子。我能想到的替换或修改SVG的唯一方法是替换/修改标记/DOM本身。我想在我的回答中添加的只是对为什么会这样的简短、一般性的解释。Raphael被设计为SVG/VML生成器。也就是说,Raphael创建JavaScript对象并在创建对象时将

javascript - Raphael JS -- 动画 .text()

所以我正在使用RaphaelJS来尝试animate.这是我尝试过的:$(window).load(function(){varR=Raphael("holder",640,480);vartest=R.text(200,200,"Teststring");test.animate({cx:20,cy:20},2000);});而我的文字仍然是200,200。关于为什么这行不通的任何想法? 最佳答案 animate函数只能对某些属性进行动画处理,并且只能对属于该特定对象的属性进行动画处理。文本对象没有cx或cy属性-因此您的示例代码

JavaScript 绘制数据库模式

我需要在HTML页面中显示几个数据库表的结构(4-5个顶部)。我必须显示列,标记主键并绘制外键连接(我猜是箭头)。我选择了raphael.js,除了外键箭头外,其他都很好,因为它们必须避免与表相交,并以一种奇特的方式进行,例如转弯之类的。有人知道解决办法吗?如果没有,我如何轻松绘制箭头?我现在的试用版是http://jsfiddle.net/eKF6R/连接表格没问题,但我需要连接特定的列并避免交叉。 最佳答案 试试这个网站http://dbdsgnr.appspot.com/希望对你有帮助。

javascript - SVG 文本元素速度

我正在构建一个严重依赖svg的网络应用程序。作为引用,我正在使用raphaeljs库来处理所有这些。在这种特殊情况下,我实现了一些模仿滚动条并在屏幕上移动一堆svg功能(约500个元素)的东西。这些功能的一部分是(~100)个元素。其他元素包括,和元素。因此,我注意到我的应用程序在我的笔记本电脑上并不是非常活泼,而且由于速度原因在ipad上处理起来非常烦人。但是,只要在滚动过程中删除或忽略文本元素,它就会立即达到不错的速度。我尝试做一些速度测试(非常粗略的测试,使用newDate().getTime())并发现移动所有元素需要大约10毫秒,除了。元素,但是当时需要~120毫秒包括元素。

javascript - Raphael js库获取属性值

如何在事件函数中获取矩形的属性?例如,我需要获取不透明度值。这是代码:varj=R.rect(position_x-40,position_y-285,80,50);j.attr({'fill':'#654','stroke':'none'});j.rotate(20*z,position_x,position_y);j.mouseover(function(event){this.attr({opacity:"0.5"});}); 最佳答案 我相信你可以只使用带有一个参数的attr函数,如下所示:j.attr('opacity')

javascript - 在 Javascript 中访问内部函数变量

在很多框架中,内部函数变量被用作私有(private)变量,例如Raphael=(function(){var_private=function(a,b){returna+b;};var_public=function(a){return_private(a,a);}varobject={mult2:_public};returnobject;})();在这里,我们无法从全局命名空间访问名为private的变量,因为它是第一行匿名函数的内部变量。有时这个函数包含一个大的Javascript框架,这样它就不会污染全局命名空间。我需要对Raphael内部使用的某些对象进行单元测试(在上面的

javascript - 如何沿路径为 Raphael 对象设置动画?

对象可以很简单,矩形或圆形。但路径应该是贝塞尔曲线。请提供javascript/Raphael代码的话不太麻烦。如果动画中有移动物体的拖尾效果就好了。 最佳答案 以防万一您尝试将它与RaphaelJS2一起使用(animateAlong不再存在),您可以在这里看到一个可能的解决方案:http://jsfiddle.net/gyeSf/17/.原始讨论在这里:https://groups.google.com/forum/#!searchin/raphaeljs/animatealong/raphaeljs/W9bA0SkArVY/K

javascript - canvg 生成的 Canvas 在视网膜屏幕上模糊

我正在使用Raphael绘制对象,然后使用canvg将其传输到HTMLcanvas元素,以便我可以使用toDataURL将其保存为PNG。但是当我使用canvg时,生成的图像很模糊。例如,下面的代码产生了这个(顶部是raphael,底部是canvg):vartest=Raphael("raph_canvas",50,50);varrect=test.rect(0,0,50,50);rect.attr({fill:'#fff000','fill-opacity':1,'stroke-width':1})window.onload=function(){varcanvas_svg=test