标签: raphael

我在这里开发一个游戏引擎:http: //synodins.com/apps/tank_fight 但是现在,由于某种原因,它不再运行了.我无法启动Raphael模块,当我使用mozilla web调试器运行网站时,我得到"Raphael未定义".但这没有任何意义,因为它在raphael.js模块中的定义非常明确.

此外,在第二次尝试时,游戏运行正常.并没有明确的模式来说明它的工作原理.
我在尝试启动raphael之前打印出Hello world 1,并在尝试之后打招呼世界2.
谁能看出问题是什么？

我有一个使用Raphael 2.0的SVG创建,如下所示:

<div class="stave">
<svg height="342" version="1.1" width="512" xmlns="http://www.w3.org/2000/svg"
style="overflow: hidden; position: relative;" viewBox="0 410 1300 80"
preserveAspectRatio="meet">
........
</svg>
</div>

我只想为svg标签设置一个ID!我该怎么做？JQUERY或RAPHAEL 2.0？我看到很多答案,但没有一个对我有用.

谢谢你的帮忙

我尝试在拉斐尔旋转图像.它应该像Photoshop中的Free Form一样工作

这是我的尝试: 链接

将图片旋转到右上角.(光标应该改变)

在这里,您已经找到了一个插件,可以为raphael元素添加模糊效果

我想覆盖我的raphael svg的一部分,透明层可以模糊它背后的一切.raphael有可能是这样的吗？

嗨,我目前正在尝试使用Raphael JS 2,并且已经产生了一个很好的路径圈,但经过大量搜索无法弄清楚如何在这些路径上实现悬停事件来改变颜色......

http://jsfiddle.net/goosefat/HYmd2/

我已经尝试了很长一段时间了,首先我使用PHP作为我的服务器端脚本和mysql for database.i最近我遇到了justgage.com for online gage chart.

所以它的代码是这样的:

var g = new JustGage({
   id: "gauge", 
   value: getRandomInt(350, 980), 
   min: 350,
   max: 980,
   title: "Lone Ranger",
   label: "miles traveled"
 });

所以我想用javascript autorefresh从php动态设置gage的值,如果我只是在值字段中使用PHP短标签,这是不可能的.总之,我想使用jusgage.com图表并实时动态获取php中的值而无需刷新html这可能吗？

我有一些弹出窗口,我想触发'悬停'raphael.js图形的某些元素,但我似乎无法让它们工作(使用jQuery UI和Bootstrap).

我通过引用指定的类在网站上调用popovers:

$(document).ready(function() {
  $('.show-popover').popover();
});

:然后我就可以通过添加相关属性的HTML标签触发popovers class="show-popover",rel="popover",data-trigger="hover",等.

我在网站上也有一些嵌入式raphael.js SVG图形.在我添加了上面提到的相同属性之后,我似乎无法在raphael.js图形的元素(路径,文本等)上显示弹出窗口.

假设我在图形中添加了一个方块; 然后,我可以将所需的popover属性添加到raphael.js中的方块,如下所示:

square.node.setAttribute('class', 'show-popover');
square.node.setAttribute('rel', 'popover');
square.node.setAttribute('data-trigger', 'hover');
square.node.setAttribute('data-original-title', 'Popover title');
square.node.setAttribute('data-content', 'Main popover text here...');

我可以看到使用Firebug将属性添加到SVG中,但是悬停时不会出现弹出窗口.

是否有可能触发弹出窗口悬停在raphael.js图形的元素上？

[编辑]参见示例http://jsfiddle.net/cQGQT/

我一直在玩Raphael JS,但未能找到任何解决方案来将一组/一组路径作为组旋转,而不是单独进行.

一组/一组路径:

每个元素都旋转.不是整个组/集:

我怎样做:

var bobble = map.paper.set();

bobble.push(map.paper.add([{
    "fill":fill,
    "stroke":"none",
    x: 50,
    y: 50,
    width: 100,
    height: 100,
    "type":"rect",
    "r": 4
},{
    "fill":fill,
    "stroke":"none",
    x: 100,
    y: 25,
    width: 200,
    height: 50,
    "type":"rect",
    "r": 4
}]));

bobble.rotate(45);

我究竟做错了什么？

我试图创建一个类似Seats.io的交互式座位布局。但是，我不需要确切的功能，而只需要几件事，例如：

1. 在屏幕上的任意位置绘制座位
2. 绘制从一个点到另一个的座位列表
3. 从一个鼠标单击点绘制到另一个位置时，将鼠标悬停在圆圈上

在对Jquery以及raphaeljs进行了大量研究之后，我决定开始使用raphaeljs。我对矢量图形完全陌生。所以很明显，我可能会缺少一些东西。我按照这个小提琴画了一条直线。我还创建了另一个脚本以在窗口上的任意位置绘制圆圈（圆圈将表示座位），以下是脚本

window.onload = function () {

var height = $(document).outerHeight(true);
var width = $(document).width();

var radius = 10;
var paper = Raphael(0, 0, width, height);
var i = 0;
$(document).click(function (e) {

    i = i + 1;
    var x = e.pageX;
    var y = e.pageY;
    var seat = paper.circle(x, y, radius)
            .attr({stroke: "none", fill: "#f00", opacity: .4})
            .data("i", i);

    seat.mouseover(function () {
        this.attr("opacity", 1);
    });
    seat.mouseout(function () {
        this.attr("opacity", .4); …

我想实现一个前端工具，允许用户：

• 在图像上追踪手绘区域
• 跟踪必须关闭
• 跟踪应对齐到网格（例如 32 x 32 像素）

我发现这个 JS 库 ( http://ianli.com/sketchpad/ ) 看起来非常好，可以满足要求。

我认为没有现成的图书馆专门满足我的需要，所以请随时就如何解决这个问题提出任何建议。

最终目标是输出映射到图像上的 ara 的 JSON（或其他坐标列表），但“分辨率”为 32 x 32 px。

跟踪的最终结果应如下所示：