Tag: raphael

RaphaelJS HTML5库：沿着圆圈发光: 我有一个圆圈，我可以移动它，我怎么能使辉光效果跟随那个圆圈。 circle = paper.circle(x, y, 5); glowSet = circle.glow({ ‘fill’: true, ‘color’: ‘#bbb’ }); // … // I animate the circle later on using circle.animate({ cx: coordX, cy: coordY }); 我试过整套动画 glowSet.animate({ x: coordX, y: coordY }); 我已经尝试使用forEach在集合上应用每个项目 glowSet.forEach(function(item) { item.animate({ x: coordX, y: coordY }); });

拉斐尔纸与id: 我有一种情况，我在我的页面上添加了多篇论文。我在每个上画了一些矩形和路径对象。我知道如何为每个这样的对象赋予id，但是我没有看到任何向文件本身添加id的例子。我需要更改纸张中rect的click事件上的对象。为此，我想清除旧对象并绘制新对象。问题是我正在重复使用该变量。因此，变量包含对最近的论文的引用，而不是我想要的那篇。由于这一切，我想知道我是否可以为每个附加一个id并检索纸张然后使用它。欢迎任何建议。卡维塔嗨，我无法从已点击的形状中获取纸质对象！ this.paper，$（this）.paper不工作。任何帮助表示赞赏……

如何在paper.clear（）之后重绘raphael对象: 这是我的代码。我试过但找不到任何答案。所以任何人都帮助我 move = function (dx, dy) { paper.clear(); this.attr({x: this.ox + dx, y: this.oy + dy}); var arrow = paper.arrow(this.ox,this.oy,this.attrs.x,this.attrs.y,8); } rect2.drag(move, start);

检索raphael饼图的属性: 如何获取raphael饼图的属性：属性如：笔划，值（不带图例），半径，x和y位置我的饼图定义为： pie = r.piechart(120, 140, 50, [55, 22], { colors: [“green”,”red”], stroke: “black” }); 我试过了： this.stroke – 说未定义 //我知道这对我来说是正确的raphael对象，因为我也做了一些工作 this.click(function () { alert(this.stroke); }); this.attr（ ‘行程’）; – 甚至不显示未定义任何想法如何解决这个…谢谢

Raphael在Text中的多行向下而不是向上移动: 我正在尝试使用textArea将动态文本添加到raphael文件中，然后将其复制到raphael文本中。问题是当raphael文本倾向于将起点向上移动多行时。是否有可用于将多行文本向下移动的属性或方法？

如何防止拉斐尔的徘徊？: 当我使用Raphael liblary绘制一些项目时，我正在开发一些页面。我的应用程序所以我的问题在于，当我移动到某个rect它会长大但是当我的鼠标位于我的rect上的文本上时，它会丢失它的hover。您可以在我的应用示例中看到它。 var paper = new Raphael(document.getElementById(‘holder’), 500, object.length * 100); drawLine(paper, aType.length, bType.length, cType.length, cellSize, padding); process = function(i,label) { txt = paper.text(390,((i+1)* cellSize) – 10,label.devRepo) .attr({ stroke: “none”, opacity: 0, “font-size”: 20}); var a = paper.rect(200, ((i+1)* cellSize) – 25, rectWidth, rectHeight) .hover(function() { this.animate({ transform : “s2”}, 1000, “elastic”); […]

Raphael JS可以选择性地点击子集: 所以我有一篇论文有6种符号。每个符号都是圆圈和路径的集合。我只想让一些圆圈可以点击以拖动集合。例如，如果符号有2个圆圈和一个路径 – 我希望能够单击其中一个圆圈来拖放该组（已经有详细记录的内容）。如果用户点击另一个圈子 – 什么都不应该发生。由于我的Raphael元素是由用户动态创建的 – 我将每个集合在创建时推送到数组上。我是否可以访问集合中的特定圆圈并使其可以通过集合数组进行点击？这是我插入一组的方法 { paper.setStart(); var circ = paper.circle(x,y,35); //first circle – should be clickable var conpoints = insConPoint1(paper,x,y); var pathright = conpoints.path; var conPoint1 = conpoints.conpoint; //this is a second circle – should not be clickable var st = paper.setFinish(); symbolarray.push(st); } 这也是我如何使集合可拖动 […]

如何将上传文件的URL添加到脚本中: 上传完成后，我新上传的文件的URL为如何将上传文件的URL添加到我的脚本中？ script stuff.use this.etc (‘http://path-to-my-file.jpg’) }); 在此先感谢您的任何帮助！编辑：我用了： var myurl = document.getElementById(“uploaded-file”).getElementsByTagName(“img”)[0].src; 然后替换硬编码的url： Layer_3.mousedown(function() { this.animate({ fill: ‘url(“http://farm5.staticflickr.com/4067/4584507098_b887327eae.jpg”)’ }, 600); }); 同 Layer_3.mousedown(function() { this.animate({ fill: ‘url(‘ + myurl + ‘)’ }, 600); }); 这是JSFiddle

限制在一个三角形内: 我正在寻找一个通用的代码片段（javascript），它可以与jquery UI一起使用来约束三角形内div的移动（拖动）。与此类似（http://stackoverflow.com/questions/8515900/how-to-constrain-movement-within-the-area-of-a-circle）但是是三角形，而不是圆形。我更喜欢将三角形定义为像这样的rapheal svg …… (function() { Raphael.fn.triangle = function (cx, cy, r) { r *= 1.75; return this.path(“M”.concat(cx, “,”, cy, “m0-“, r * .58, “l”, r * .5, “,”, r * .87, “-“, r, “,0z”)); }; var paper = Raphael(document.getElementById(“triangle”), “100%”, “100%”); var triangle = paper.triangle(100,100,90); triangle.attr(“fill”, “#444444”); triangle.attr(“stroke”, “#444444”); $( “#draggable” ).draggable({ […]

Nivo滑块（raphaeljs）的外部控制（下一个/上一个）？: 我正在尝试使用下一个/上一个按钮进行幻灯片放映。我正在使用NivoSlider进行酷转换，使用raphaelJS进行动画下一个/上一个按钮。我唯一的问题是没有内置的方法来为Nivoslider提供代表下一个按钮的元素。因为我的元素是一个动画的三角形，我需要让NivoSlider知道我想要$（triangle.node）代表next和previous。该库是私有的（我认为你是如何表达的）所以它看不到triangle.node全局。有任何想法吗？