程序员经验分享-hwhale

如何使用 Raphael.JS 根据鼠标移动绘制一条线

2024-02-28

我试图随着鼠标在纸上移动画一条线。我只知道如何使用画线path。但想知道是否有人有想法来画一条线mousemove。请帮我解决这个问题。


这是使用 raphael 的此类示例的链接

与拉斐尔一起绘画。（图片来源：Jonas）。 http://irunmywebsite.com/raphael/drawtool2.php（点击查看->源代码看看它是如何完成的...）

还有一个我做的 jsfiddle 以防万一 http://jsfiddle.net/vedmack/9f4wM/(just for back up)

它使用drag http://raphaeljs.com/reference.html#Element.drag and 鼠标移动 http://raphaeljs.com/reference.html#Element.mousemove拉斐尔在矩形元素上的事件...

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

raphael

graphael

如何使用 Raphael.JS 根据鼠标移动绘制一条线 的相关文章

  • 使用 Raphael.js 在图像上绘图

    我可以将 Raphael js 画布放在IMG元素 我应该怎么做才能使这个布局发挥作用 只需使用普通 CSS 技术将 Rapha l 画布放置在图像元素的顶部即可 wrapper position relative padding 0 ou

  • 将鼠标悬停在 Raphaeljs 中的一组元素上

    我有一个只包含一个矩形的集合 var hoverTrigger this paper set var outline this paper rect outline attr hoverTrigger push outline this s

  • jQuery - Raphael - SVG - 基于自定义数据的选择器

    我已将自定义数据属性分配给添加到 Raphael 画布的一些圆圈 如下所示each loop marker data transaction transaction 如何在画布上找到具有相同交易数据值的元素 目前我有代码 var found

  • 拉斐尔纸缩放动画

    我设法做了一些 hack 来缩放 raphael paper 因为 setviewbox 不适合我 这是我编写的函数 function setCTM element matrix var s matrix matrix a matrix b

  • Raphael：通过简单的无限动画逐渐减慢动画速度

    这个问题在本质上与两年前提出的另一个问题类似 为什么 Raphael 的帧速率在这段代码上变慢了 https stackoverflow com questions 2733613 why does raphaels framerate s

  • 在 RaphaelJS 中制作 100% 宽度的图表？

    我见过 Flash 中的图表和其他东西基本上可以很好地适应浏览器的大小或它们所在的灵活元素 我不太熟悉 raphaelJS 但你能做到这一点吗 如果是的话 如何 在 raphaeljs 中 您可以对 Raphael 对象调用 setSize

  • Raphaël 对象：模拟点击

    是否可以模拟拉斐尔对象上的点击 我已经尝试过了 object click Error click is not a function or object dispatchEvent click Error Could not convert

  • 使用 raphael 缩放多条路径

    我正在尝试使用 Raphael 创建一个与此类似的地图工具example http raphaeljs com australia html在网页中 我有一个我想要使用的地图的 svg 文件 并且省份在文件中都是单独的路径 但是 如果我将

  • raphaeljs 的移动 Safari SVG 渲染问题

    我正在使用动画交互式图表raphael http raphaeljs com 我需要在 iPhone 上顺利工作 我有两个正在努力解决的小渲染问题 第一个是 每当您单击附加了单击处理程序的 svg 元素时 mobile safari 都会在

  • 用户输入的字母阴影

    目标 用户在用户输入字段中键入名称 选择 动画 按钮 名称将垂直打印 每个字母都包含每个字母的阴影 Javascript 库 Raphael 可能是理想的选择 问题 到目前为止 我所拥有的是将名称并排垂直打印两次 显然 第二列应该是作为阴影

  • 如何知道拉斐尔对象是否被隐藏？

    我正在创建一个图表应用程序 在其中隐藏和显示一些元素 例如 var c paper circle 10 10 10 c hide var c2 paper circle 10 10 10 c2 show 现在我想对这样的形状采取行动 例如计

  • raphaeljs 中的线宽

    在SVG或raphaeljs中用1px粗细制作线条是真的吗 下面的代码 var p Paper path M1 1 L50 1 p attr stroke D7D7D7 p attr stroke width 1 p attr opacit

  • 如何在 SVG / raphael 中的贝塞尔曲线末端绘制箭头？

    我有一条由此生成的曲线 var path M x1 toFixed 3 y1 toFixed 3 L arrow left x arrow left y L arrow right x arrow right y L x1 toFixed

  • 如何组合 Raphael javascript 库中的对象？

    抱歉问了一个很长的问题 但是就这样吧 我正在尝试修改此处演示周围的拖动形状 http raphaeljs com graffle html http raphaeljs com graffle html 该演示运行良好 我想做的是将文字放入

  • 如何编写基于网络的音乐可视化工具？

    我正在尝试找到构建音乐可视化工具以在网络浏览器中运行的最佳方法 Unity 是一个选项 但我需要构建一个自定义音频导入 分析插件来获取最终用户的声音输出 Quartz 可以满足我的需要 但只能在 Mac Safari 上运行 WebGL 似

  • 为 div 创建线性透明渐变

    我想为 div 创建一个线性透明渐变 有什么办法可以用 jquery 做到这一点吗 或者我应该使用其他库 例如 raphaeljs 我想达到如下效果 为什么不保持轻便并兼容浏览器呢 div backgroud image url image

  • jQuery SVG 与 Raphael [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我正在使用 SVG 和 JavaScript jQuery 开发一个交互式界面 我试图在两者之间做出决定Raphael http raphael

  • 如何从 Angular 范围中排除元素？

    我的前提是错误的 虽然 AngularJS 确实减慢了速度 但这并不是因为我下面描述的问题 然而 正是 flim 对我的问题 如何从 Angular 范围中排除元素 的回答才证明了这一点 我正在构建一个网站 该网站使用 d3 Raphael

  • 通过 Fabric.js 推送 D3.js 输出以支持 IE8？

    我正在评估Fabric js http fabricjs com 作为替代拉斐尔 js http raphaeljs com 用于创建与 IE8 兼容的交互式可视化 IE8 不支持 SVG 或画布 不幸的是 IE8 支持是不可协商的 Rap

  • Raphael JS 中的动画字体大小是否有流畅的过渡可能性？

    到目前为止似乎它不流畅 但波涛汹涌 例如 如果您有一个 font size 14 的状态属性 并且想要以动画方式显示 font size 16 的状态 则过渡看起来并不平滑 它分两步跳跃 首先更改为 15 然后更改为 16px 可以强迫它看

随机推荐

  • 变量嵌套 for 循环

    我试图弄清楚如何使用递归来执行 n 级嵌套 for 循环 例如 如果 n 3 则将有 3 个 级别 for z 0 z lt 6 z for y 0 y lt 6 y for x 0 x lt 6 x if z y x f do somet

  • Haskell：通用 IORef、MVar？

    我创建了以下特定于 IO monad 的函数 memoIO MonadIO m gt m a gt IO m a memoIO action do ref lt newMVar Nothing return do x lt maybe ac

  • ASPX 和 WinForms 之间如何通信

    如何从 ASPX 网页向 WinForms 应用程序发送命令 我们已经探索过使用不同的命令行参数执行 WinForms 应用程序 但想要更智能的东西 Thanks 在您的应用程序中创建一个侦听 HTTP 的 Web 服务器GET and o

  • PullRefreshIndicator 与 ScrollableTabRow 重叠

    我开始了解 Jetpack Compose 我把这个放在一起app https github com 4gus71n TheOneApp在我探索不同的日常用例时 该项目中的每个功能模块都应该解决不同的场景 该功能模块之一 chatexamp

  • 图像缩放类型在颤动上居中裁剪？

    我正在尝试做一些类似于 android ImageView 的 centerCrop 属性的事情 设置imageview的高度 并使其裁剪并对齐到中心 就像centerCrop在android上的工作一样 Widget bindItem B

  • C 中的暂定定义和链接

    考虑由两个文件组成的 C 程序 f1 c int x f2 c int x 2 我对第6 9 2段的阅读C99标准 http www open std org JTC1 SC22 wg14 www docs n1124 pdf是这个计划应该

  • 是什么导致不可变对象在没有安全发布技术的情况下被发布？

    即使不诉诸安全发布习惯用法 也可以发布不可变对象 这是什么意思 我读过了Java 并发实践 第3章 共享对象 但仍然无法理解该声明 不可变对象可以通过任何机制发布 V S 应该安全地发布有效的不可变对象 编辑 我经历过SO类似的问题 htt

  • 在 Java 中，/（即正斜杠）在 $Lambda$15/0x00000008000a9440@32e6e9c3 等对象引用中意味着什么？

    在 JShell 中 如果我这样做 interface Foo String foo Foo gt hi I get created interface Foo 2 gt Lambda 15 0x00000008000a9440 32e6e

  • 如何在 Java 中使用 Blender 模型？

    真的只是一个一般性问题吗 假设我正在制作一款游戏 并在 Blender 中制作了一个角色模型 我将如何在 Java 中使用这个模型 我会以某种方式导入它吗 Thanks 通常 在搅拌机中制作模型时 您可以以某种格式导出模型 以便稍后将其导入

  • Django 重写模型 Clean() 与 Save()

    保存模型时 我需要执行一些操作 尤其是从管理员那里执行 我将几个字段大写并检查以确保其中一个字段或另一个字段已填充 我还创建了场蛞蝓 现在 这些功能被分为覆盖清理和保存功能 它现在可以使用 但我很好奇何时使用它们 我浏览了文档 但找不到具体

  • 如何从 .js 文件中的 jQuery 函数访问 PHP 会话变量？

    如何从 js 文件中的 jQuery 函数访问 PHP 会话变量 在此代码中 我想从会话变量中获取 值 function progressbar progressbar value 37 您可以通过 PHP 生成 javascript 文件

  • 自定义 UITableView 动态单元格高度

    我搜索了无数博客和文章 了解如何确定自定义 UITableViewCell 的动态高度及其详细文本 我真的很难找到任何关于这方面的好的文档 我需要做的是让单元格根据里面的文本生长 但高度永远不要低于 70 我已经在 StackOverflo

  • c++ 传递数组而不是可变长度参数列表

    所以我有一个采用可变长度参数列表的函数 例如 int avg int count stuff 我可以用它来称呼它avg 4 2 3 9 4 而且效果很好 它需要维护这个功能 有没有办法让我也用数组来调用它而不是列出变量 例如 avg 4 m

  • Django 模型中没有此类列错误

    我正在向 Django 模型添加一个新字段 但无论新字段是什么 当我尝试运行 makemigrations 时都会收到 no such column 错误 File Users hugokitano canopy lib python2 7

  • 找到二维直方图的峰值

    我做了一些二维直方图 x y 数据 我得到一张像这样的图像 我想要一种方法来获得 x y 存储最大值的点的坐标H 例如 在上图的情况下 它将是具有近似坐标的两个点 1090 1040 and 1110 1090 这是我的代码 import

  • 剃刀 - 单选按钮的绑定问题

    我正在努力为单选按钮绑定 ans 我正在做一个小项目 我有两个模型问题和答案 我想要实现的目的是提取问题列表并根据设置用户将有多种选择或在文本框中输入答案 使用单选按钮 我似乎无法绑定 ans 它得到一个空对象 有人可以指出我正确的方向吗

  • Azure DevOps 添加自定义选项卡以生成摘要

    我想将自定义选项卡添加到我的构建摘要中 在这些选项卡中我想显示结果PowerShell 测试代码覆盖率任务 结果大约是50 200 htm生成的报告报告生成器 https github com danielpalme ReportGener

  • 在 .NET 中表示不可变列表的最佳方式是什么？

    我最近开始使用 F 进行 实际工作 并重新发现了不可变数据结构的美妙之处 例如 F 中的可区分联合和记录 我还发现它们在 C 中使用起来非常简单 特别是因为它们不需要对 F 运行时有任何直接依赖 然而 当涉及到在这些结构中表示列表时 我还没

  • 正则表达式替换 sublime 中替换中包含部分匹配的值？

    我想出了这个正则表达式来查找所有以 并包含 下划线 w w 我基本上是在寻找变量 比如 var foo etc 如何使用正则表达式组替换内容 例如 如何删除下划线并使下一个字母大写 例如 varFoo 替换表达式为 1 u 2 1 2是捕获

  • 如何使用 Raphael.JS 根据鼠标移动绘制一条线

    我试图随着鼠标在纸上移动画一条线 我只知道如何使用画线path 但想知道是否有人有想法来画一条线mousemove 请帮我解决这个问题 这是使用 raphael 的此类示例的链接 与拉斐尔一起绘画 图片来源 Jonas http irunm

热门标签