草庐IT

拉斐尔

全部标签

javascript - 拉斐尔投影效果

有谁知道Raphael是否支持使用阴影。我正在尝试为我创建的对象创建投影。这是我的代码,但我不知道如何添加阴影。如果可以,请帮助我,我的经理对我感到非常沮丧。//allyourjavascriptgoesherevarr=newRaphael("draw-here-raphael"),//Storewheretheboxisposition='left',//Makeourpinkrectanglerect=r.rect(20,20,50,50).attr({"fill":"#fbb"}); 最佳答案 .glow()-方法可以在一定

javascript - 拉斐尔:设置线条颜色

我正在使用RaphaelJS矢量库,但我无法获得正在绘制的线条(路径)以更改颜色。希望这只是我做的蠢事。varblue_one=paper.path("M205205L300300");blue_one.attr("stroke-width","3");blue_one.attr("fill","#0000FF");我还尝试了“#00F”、“blue”、“0000FF”和“00F”的填充值。 最佳答案 这是你要设置的。blue_one.attr("stroke","#0000FF");有关属性的完整列表,请参阅Specificati

javascript - 如何更改拉斐尔图标的大小?

如何从免费的Raphael图标更改图标的宽度和高度?我尝试使用attr,尝试使用%,像这样varpaper=Raphael("canvas",100%,100%);.我需要这样做:如果我更改父block的大小,我的图标的大小也会更改。upd:我尝试使用“scale”和“transform”,但图标从中心调整大小并且不能正确适应父级 最佳答案 根据Raphael.js文档varel=paper.rect(10,20,300,200);//translate100,100,rotate45°,translate-100,0el.tran

javascript - 如何在拉斐尔中使用 eve()?

谁能给我一个拉斐尔eve()的简单例子?我不是很了解参数和如何调用事件。我四处搜索了一下,但似乎没有多少人使用过它。 最佳答案 Raphaël中事件功能的简单示例:我们定义将触发事件的函数functionbar(){vara,b;a=1;b=2;eve("run-foo","self",a,b);}事件监听函数functionfoo(arg1,arg2,arg3){//iftheeventisfiredfrombar()://this=="self"//arg1==a==1//arg2==b==2//arg3==undefined/

javascript - 拉斐尔 JS : how to change the color of certain letters within a text-element?

我有以下代码:varset=paper.set();vartext=paper.text(0,0,'bla1bla2').attr({fill:'blue'});set.push(text);现在如何将“bla2”的颜色更改为绿色?我已经尝试将字符串拆分为两个文本元素,并将'bla1'的坐标+'bla1'的宽度分配给第二个。它没有用,因为我找不到“bla1”的宽度。此解决方案的第二个问题是我可能想要更改“bla1bla2”的字体大小,这将自动更改“bla1”的宽度并扭曲“bla2”的位置。提前致谢! 最佳答案 你可以尝试这样的事情:

javascript - 拉斐尔 SVG : Ugly rendering in Chrome

使用Raphael.js绘制欧洲的一些小map。它在IE7+、Safari、Firefox中运行良好。但是,在Chrome中,当鼠标悬停在法国上空时,我的map上会出现一个白框。它似乎不知从何而来,它只发生在法国,当你将鼠标悬停在另一个国家时它就会消失。我的map的JSFiddle在这里;我仍然需要清理代码,但它有效。http://jsfiddle.net/ontolecabaret/ncyge/问题似乎与这一行有关:$c.css({top:e.pageY,left:e.pageX}).fadeIn(500);当我删除“左”设置时,该框不显示。当我将“左”放在50px或50pxmarg

javascript - 有人可以澄清拉斐尔的文件吗? (或知道有人已经做过的地方)

我与Raphael一起工作,我认为我使用它的方式没有利用一些看似有用的功能。例如,我试图在一个集合(一组元素)上添加一个监听器,在鼠标悬停在任何这些元素上时,脚本会触发整个集合的动画。当您向集合添加听者时,Raphael会向每个元素添加听者并分别为它们设置动画。就像你在这个例子中看到的一样http://jsfiddle.net/4VYHe/3/我希望同一组中的所有矩形(组=10个矩形的水平组)在鼠标悬停在其中任何一个上时更改颜色属性。我在raphael文档中找到了一些方法,我认为它们必须有助于实现这一点。但我很难理解这些方法是如何工作的。例如:前夕对象(http://raphaeljs

javascript - 拉斐尔中多条路径的相同悬停功能

所以我有了我的Canvas和我的路径:varpaper1=Raphael(10,50,960,560);varmapShape1=paper1.path("M339.098,175.503c0,0-55.555,58.823-16.34,75.163s227.451,49.02,227.451,49.02s67.321-25.49,47.713-50.98s-71.896-78.432-71.896-78.432L339.098,175.503z");varmapShape2=paper1.path("M548.902,306.876c0,0-209.15-32.026-228.758

javascript - 拉斐尔的相交路径

我试图找出拉斐尔中的两条路径是否相交。我试过getBBox()但它返回路径本身周围的框的坐标。有没有更简单的方法来实现这一点? 最佳答案 之前的答案可能是针对早期版本的Raphael。API现在包含一个pathIntersection返回交点数组的方法。您可以简单地检查返回值的长度。 关于javascript-拉斐尔的相交路径,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/585

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([