首页 > TAG信息列表 > raphael

fatal: repository ‘https://github.com/nhn/raphael.git/‘ not found

Vue-Element-Admin安装会报连接不上gtthub的错误,那么只要想办法把它下载到项目就行,一般我们会给谷歌安装github加速扩展啊,会自动提供一些网站去下载github的项目。那么直接去在Vue-Element-Admin项目的路径下执行git ls-remote -h -t https://github.com.cnpmjs.org/nhn/raphael

javascript-如何使用Raphael画布库创建多层图像?

有谁知道如何使用Raphael制作多个绘图图层?这是一个使用普通画布对象的示例: http://html5.litten.com/using-multiple-html5-canvases-as-layers/解决方法:您可以使用与画布相同的方法. 在html代码中创建div元素,为每个元素赋予一个不同的ID. 您可以使用paper = new Raphael(‘eleme

JavaScript-Raphael SVG导入大小

我已经从Illustrator图像创建了SVG文件.我正在使用:https://github.com/wout/raphael-svg-import导入并显示矢量图像. 我以文本形式阅读了svg文件,并将其提交给导入功能: var mygetrequest = new XMLHttpRequest(); var svgdata = mygetrequest.responseText; paper.importSVG(svgd

javascript-Raphael文字和Safari

我最近在一个项目上一直使用Raphael 2.0.1,我只是在做一些跨浏览器检查,发现Safari中的文本(只有文本…)不能正确显示. 似乎正在将dy设置为与y值相同的值. 这是特定于我正在谈论的呈现HTML的摘录: <text style="font: normal normal normal 12px/normal 'Helvetica Neue'; text-anc

棘手的拉斐尔svg动画

我最初使用raphael创建了一个从this jsfiddle开始的“甜甜圈”图表. 我已经对该脚本进行了调整以满足自己的需要,目前正在渲染this. 我的目标是(同时)为每个切片设置动画;例如,使蓝色切片增长到60%;红色部分缩小到40%. 通过移除现有切片并快速重新渲染具有调整值(例如51、49)的新切片,

javascript-Raphael JS:IE中的缩放路径后位置错误

我在Internet Explorer中缩放路径时遇到问题,因为它会导致位置错误. 这是游乐场的示例,请在FF和IE中进行检查: paper.path("m40,40 h10 v10 h-10 v-10").transform("s8"); 我在拉斐尔(Raphael)游乐场和http://jsfiddle.net/M4Rmm/处都尝试过. 在Firefox和Chrome中可以使用,但是在I

javascript-拉斐尔JS移动/旋转一组图纸作为一个?

我有一个小工具,可以绘制一个圆圈网格(代表孔),允许用户向这些圆圈添加文本和线条.现在,我已经进行了设置,因此,如果用户单击任何孔,那么无论该孔被移动到何处,Paper对象上的所有其他元素也会被设置.我接下来要实现的是将所有内容旋转为一个对象的能力.我意识到要使它起作用,我需要

javascript-Raphael中风不透明度

我有一些用paper.path()创建的形状,我想填充它们(用于单击和拖动)和透视图.但是,当我将不透明度设置为零时,形状的轮廓(描边)以及内部都消失了.无论如何,是否只有形状的内部不透明度为0? 我尝试过的两件事: (1)设置“笔画不透明度”属性.这似乎确实有帮助,例如在这里仍然不可见: var

javascript-使用Snap.svg在z空间中移动SVG组

我正在使用Snap.svg使SVG的元素互动. 如何在其他所有形状的“前端”中移动一个Element.group形状组?悬停时将执行此操作. 一个简单的JSFiddle示例: http://jsfiddle.net/offmilk/b0av7jx6/ 当它们悬停在上方时,我试图使后面的两个圆圈位于前面. 我知道Raphaël以Element.toFront()的

javascript-如何使用流程图.js定义节点的单击事件

流程图.js是否支持单击事件处理程序? 谁能帮我使用流程图.js为节点定义事件处理程序?解决方法:您可以向节点点击添加javascript函数.采取以下定义: op1=>operation: My Operation:>javascript:dostuff(5) 单击后,将使用参数5调用函数dostuff. 我不认为有此行为的记录,但它反映了HTML

javascript-我可以在浏览器中使用SVG呈现特殊字符吗

我正在使用SVG库RaphealJS构建图形.我想将其中一个轴标记为F°SVG文本元素中可以包含特殊字符吗? 我希望能够执行以下操作: var paper = Raphael(10, 50, 320, 200); paper.text(10, 10, 'F&deg;') 解决方法:原来,您可以简单地显式添加字符.无需特殊编码.字符是我的Mac上的option 0

javascript-RaphaelJS如何使内联SVG在Firefox 3.6中工作?

我在玩RaphaelJS,并意识到它可以在Firefox 3.6.22中使用内联SVG(至少是looks like it,否则我会被Firebug愚弄…). 由于我自己的SVG没有显示,我想知道RaphaelJS如何在Firefox 3.6 does not support blunt inlining of SVG时实现此功能.我(简要地)查看了源代码,还发现another answer

如何使用JavaScript和Raphael旋转以前拖动的SVG对象?

我正在使用Raphael库旋转和拖动图像.我可以正确拖动它,并且有一个按钮可以在每次按下时将其正确旋转90度.但是,旋转图像,拖动图像然后尝试再次旋转时出现问题. HTML中唯一的元素是保存Raphael画布的div和旋转图像的按钮. JavaScript在这里: var gboard; var piece; window.onload

将用户制作的SVG(raphael.js)发送到服务器(php),以便可以通过电子邮件发送

我有一个页面,用户可以在其中创建自己的SVG图像.现在,我想在服务器(php)上访问这些图像,以便可以将它们发送到电子邮件地址. 使用这些instructions,我能够将SVG转换为画布,然后将画布转换为jpeg / png.我不再担心SVG树,因为它不再需要进行编辑,因此可以将其转换为普通图像(我认为这

JavaScript范围问题导致仅一个绑定起作用

我正在使用Raphael.js库进行特定的工作.我正在创建显示和隐藏文本的圈子并绑定悬停事件.问题是,即使我将鼠标悬停在其他圆圈上,也只能显示/隐藏最后一个圆圈上的文字. 这是我的代码: for(var i=0; i<feedData.length; i++){ var x = ((i+1)*diff);

javascript-如何在Raphael中使元素变得不可拖动?

我使用element.drag(start,move,up);使元素可拖动. 当我想使元素变得不可拖动时,可以使用the documentation的方法来实现此目的: element.undrag(f); // Any undefined variable works as the argument 这样可以使该元素不再移动. 此方法有两个问题: >这会使页面上的所有元素变为不

javascript-Raphaël对象:模拟点击

是否可以模拟对Raphaël对象的点击? 我已经试过了 object.click(); // Error: click is not a function // or object.dispatchEvent('click'); // Error: Could not convert JavaScript argument arg 0 [nsIDOMEventTarget.dispatchEvent] 解决方法:只需按照文档中所述使用Ele

javascript-拉斐尔路径调整大小并相对于容器移动

我正在尝试缩放/移动使用Raphael api创建的SVG路径.无论容器的大小如何,我都希望路径能够整齐地容纳在容器中.我已经搜索了参考资料,网络,但仍在努力使它起作用. 如果有人能告诉我为什么它不起作用,我将非常高兴. 这个小提琴向您展示了我在做什么:http://jsfiddle.net/tolund/3XPxL/

javascript – svg canvas中的本机按钮标记

我需要在SVG画布中放置一个按钮标签,有没有办法? (我正在使用raphael JS) 我知道我可以在svg画布内“绘制”一个按钮并对onclick事件进行编码,但我希望保留浏览器按钮的原生外观.谢谢.解决方法:可以使用SVG foreignObject元素:http://www.w3.org/TR/SVG/extend.html#ForeignObjectEle

javascript – 如何在jquery对象上调用raphael方法?

我正在使用Raphael创建一些圈子.当用户单击按钮时,我想为这些圆圈设置动画(通过增加它们的半径).我该怎么做呢? 例如,这是我的示例代码: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"

javascript – 移动活动元素在Internet Explorer中丢失mouseout事件

在我正在使用的库中,我的任务是将元素移动到dom的前面. (我把它做得更大所以我需要看到它,然后当鼠标移出时缩回它). 我正在使用的库有一个简洁的解决方案,它使用活动元素上的appendChildren将其移动到其父级的末端,从而进一步朝向dom的末尾,然后再转到顶部. 问题是我相信,因为您正

javascript – 如何在缩放和旋转后确定Raphael对象的大小?

如果我使用初始大小[w1,h1]创建一个Raphael.js对象的图像,然后使用transform()方法对其进行缩放,我将如何检索其新大小[w2,h2]?因为调用image.attr(“width”)会返回w1,即初始宽度,而不是转换后的宽度. 我知道你可能会说我应该简单地将w1和h1与缩放因子相乘,但是大多数时候,也会应用

javascript – 如何在RaphaëlJS中将函数绑定到动画结尾?

比如说我已经触发了一些动画 object.animate({transform:'R0,100,100'},300,'>') 如何绑定在此动画结束时将触发的函数?解决方法:根据Raphaël docs,您可以添加回调函数作为最后一个参数: object.animate({transform:'R0,100,100'},300,'>', function() { alert("Alert a

javascript – 带来Raphael.js前面的光芒

编辑:在写完我的问题后,我发现toFront()代码可能会重新创建DOM中不同位置的元素.当它首先删除元素时,它可能会丢失为IE和Opera附加的任何事件,因此我的问题.我将参与委托的活动替代方案,但仍然愿意接受建议. 我在拉斐尔纸上有形状,当你将它们悬停在它们上面时,它们会发光.但是,由于

javascript – 隐藏Raphael JS Freetransform上的句柄,但继续拖动?

嗨,我正在开发一个新项目,需要使用Raphael JS和插件Raphael.Freetransform.到目前为止,该插件工作得非常好,非常顺利.但是,通过使用hideHandles()方法,它似乎也禁用任何形式的对象拖动. 这是一个错误还是一个设计选择?一旦隐藏其手柄,是否需要重新启用对元素的拖动?我试过设置.为了在