raphael相关内容

我可以使用 javascript 连接对象吗?

我想做一个这样的界面 所以这是用户可以做的 1- 将人们彼此联系起来2- 查看每个人的一些信息(气球)3- 移动这些对象而不会失去它们的连接 然后我想用ajax保存这些连接信息,这样我就可以看到谁连接了谁,我还需要在用户下次看到页面时重新绘制这些图. 似乎 jsPlumb、paperjs 和 raphael 都可以做到这一点,而且还有更多,我的问题是哪一种适合这种需求. ..
发布时间:2021-07-02 20:19:23 其他开发

Raphael.js - 随时间缩放元素

刚开始使用 Raphael.js 我正在看教程,我能够创建一个圆圈. 但是我如何在两秒钟内缩放圆圈以使其大小加倍. 解决方案 假设你的圈子是这样创建的: var circle = paper.circle(50, 40, 10); 您可以在两秒钟内将其放大,例如: circle.animate({变换:'s2'}, 2000, 'easeIn'); 如果它是固定 ..
发布时间:2021-07-02 20:19:19 其他开发

在 Raphael 2.0 中使路径的一侧可拖动

我正在读取一个 JSON 文件并为每个元素创建一个路径和一个圆圈.我需要使路径与圆圈一起拖动.路径终止于圆心的精确 x,y 坐标.我只希望路径的圆圈末端与圆圈一起拖动.路径的另一端是固定的. 我为圆圈拖拽工作,但它对路径没有做任何事情.我已经发布了简化的代码,并且不包含定位圆圈的智能.我只需要帮助拖动路径的一端.我的脚本正在读取 JSON 并在正确的坐标处用圆圈和路径绘制画布.预先感谢您的帮 ..
发布时间:2021-07-02 20:19:16 其他开发

Raphael javascript中的偏移量从哪里来

我真的很喜欢 Raphael Javascript 库,它对于使用 javascript 处理 SVG 非常有用. 但是有一个偏移值被添加到我不明白的生成的 svg 代码中.有谁知道它来自哪里以及如何避免它? 这是我的JS代码: var paper = Raphael("canvas", 510, 510);纸.clear();paper.rect(0, 0, 500, 500, 1 ..
发布时间:2021-07-02 20:19:04 前端开发

如何使用 JavaScript 和 Raphael JavaScript 库阻止元素重叠

我正在使用 Raphael JavaScript 库生成多个随机大小的圆形元素,但因为它是随机的,所以很多圆形元素会生成重叠或相互覆盖.我想知道的是,JavaScript 有什么方法可以判断一个元素是否已经处于特定位置以避免重叠?本质上,我想在画布上创建随机大小的随机元素,不会相互重叠或覆盖. 我在这里创建了几个测试文件,让您了解我在做什么.第一个生成随机对象,第二个链接将它们设置为网格以停 ..
发布时间:2021-07-02 20:19:01 前端开发

拉斐尔绘画.带有来自不同图像的两个扇区的圆圈

如何绘制由图像填充的圆圈以及如何绘制该圆圈的扇区?是否可以动画绘图扇区(例如通过增加动画它的大小角度)?如果我想从@image1@ 和另一个绘制第一个扇区怎么办来自@image2@的扇区? 解决方案 要绘制一个由图像填充的圆圈,您...只需绘制圆圈并用图像填充它 :D var c = paper.circle(200, 200, 40);c.attr({fill:"url(http:// ..
发布时间:2021-07-02 20:18:58 前端开发

Raphael Javascript 文本显示不正确

我正在显示一些文本,我正在使用 Raphael JS 库.我希望“名字"文本的大小为 25 像素,但它不起作用.我正在将一个 JS 变量传递给 Raphael 部分,这可能是问题的一部分.如果有人能帮助我,我将不胜感激. ..
发布时间:2021-07-02 20:18:55 其他开发

使用 Raphael JavaScript 库绘制曲线?

我正在绘制一条从 A 点到 B 点的曲线.我知道点的坐标.我怎样才能画出这条曲线.我使用了来自 Raphael 网站 http://raphaeljs.com/curver.html 的示例,但我没有不明白我应该如何将自己的值插入到该函数中. 解决方案 Raphael 不是计算曲线的函数,它直接使用 SVG 路径.完整规范在这里 http://www.w3.org/TR/SVG/paths ..
发布时间:2021-07-02 20:18:50 前端开发

Raphael.js 在路径上居中文本

我所拥有的:沿由圆形构成的路径的文本.它使用 Raphael.js 和一个名为 textOnPath 的函数(在此处找到:Raphael JS Text沿路径 ): var pathTest = r.path(getCircletoPath(286, 322, radius)).attr({stroke:"#b9b9b9"});textOnPath(message, pathTest, font ..
发布时间:2021-07-02 20:18:47 前端开发

onclick 方法在我声明时执行

我正在尝试声明一个 onclick 方法,该方法将调用一个函数,该函数清除并重建显示被点击的项目的更多细节.问题是我尝试分配的 onclick 方法在我分配时被执行,所以我看到的只是其中一项的详细信息视图. 如果您删除 i.node.onclick 行,您会看到 5 个随机放置的项目,您可以将鼠标悬停在这些项目上,但不能点击. HTML Raphael Play ..
发布时间:2021-07-02 20:18:44 前端开发

在 raphaeljs 中设置不是真正的组?变换顺序

我遇到了关于集合以及如何应用转换的问题.我来自图形背景,所以我熟悉场景图以及普通的 SVG 组语法,但 Raphael 使我感到困惑.假设我有一个圆和一个集合,我想对其应用变换. circle = paper.circle(0,0.5)set = paper.set() 如果我先添加圆圈,然后变换,它就可以工作. set.push circleset.transform("s100,100" ..
发布时间:2021-07-02 20:18:41 其他开发

RaphaelJS 2.1 与 1.5.2 getBBox 错误

我正在尝试创建一个类似于 http://raphaeljs.com/graffle.html(适用于 1.5.2 和 2.1),但我想在框中包含文本. 我使用另一个问题中的建议添加了文本:如何组合 Raphael javascript 库中的对象? 此解决方案适用于 RaphaelJS 1.5.2,但它在 RaphaelJS 2.1 中失效. jsFiddle 示例: http: ..
发布时间:2021-07-02 20:18:38 前端开发

在拉斐尔纸上禁用浏览器上下文菜单

我有一篇拉斐尔论文,定义为 R1 = Raphael(0,0, 800, 600); 我想在本文中禁用上下文菜单,以便我可以捕获鼠标右键单击事件.我没有像 Raphael("someDiv", 800, 600) 那样禁用 div 的 oncontextmenu 属性. 在这种情况下我应该怎么做? 解决方案 obj.node.oncontextmenu = function() ..
发布时间:2021-07-02 20:18:35 前端开发

Raphael - 鼠标靠近元素时的事件

我想做一个鼠标事件,当鼠标靠近拉斐尔元素时触发.(所以我想我需要知道鼠标的 x,y 位置.关于这可能如何实现的任何想法? 谢谢! 解决方案 您可以按照问题中的建议,跟踪鼠标位置并将其与元素的位置进行比较. 但这很难做到. 利用 mouseover 或 mouseenter 事件要容易得多. 显然 mouseenter 和 mouseover 仅在鼠标指针实际越过元素 ..
发布时间:2021-07-02 20:18:32 前端开发

Raphaeljs 子字符串文本属性

我想知道是否可以在 Raphael 中更改文本对象的子字符串的属性.例如,我想在下面的字符串“神奇的巫师统治世界!"中加粗“巫师"这个词.在拉斐尔文本对象中.我已经研究过使用 Raphael.print() 方法,我需要一些来自文本的属性用于代码的其他部分. 解决方案 字体是在元素级别设置的,就像在常规 html 中一样.要将单独的字体或样式应用到特定单词,您需要将文本分成单独的元素. ..
发布时间:2021-07-02 20:18:29 前端开发

使用拉斐尔的半圆

我对使用 raphael js 库非常陌生,我正在努力弄清楚这一切.我正在尝试根据百分比创建一个图表,其中 100% 将是一个完整的圆圈.圆部分我已经想出来了,但是我该如何更改它以显示 50% 的半圆或 25% 的四分之一圆? 解决方案 我建议查看 this 背后的代码 拉斐尔主页上的示例.修改它以满足您的需要应该很容易. 这个功能特别是你正在寻找的 var rad = Math. ..
发布时间:2021-07-02 20:18:26 其他开发