拉斐爾：改善路徑范圍 Onclick

[英]Raphael: Improving Range of Path Onclick

我有一個正在處理的項目，它創建了一個如下所示的圖表： 我正在將原始應用程序的一項功能重寫為 web，您可以在其中單擊黑色路徑附近，它將成為 select 該路徑，如一條明顯較粗的路徑所示。 我設法讓黑色路徑的onclick工作，但我發現你可以 select 這些線的范圍太小（它的像素完美），並且 ...

如何從 svg 中的所有點知道路徑的 m 或 M 點？（使用 raphael.js）

[英]How to know the m or M point of path from all of points in svg?(use raphael.js)

我有一張像這樣的 svg 圖片，路徑中有M和m 。 我使用 raphael.js 來計算。 我可以通過調用 Raphael.getTotalLength(path) 來獲得所有分數，但我怎么知道從哪一點是m后面的路徑。 我想知道svg的所有內邊框的絕對坐標點，這樣就可以得到類似如下的數據格式[[外 ...

select div by id 使用 vanilla JS 而不是 JQuery $ 選擇器來應用 Raphaeljs 方法

[英]select div by id using vanilla JS instead of JQuery $ selector to apply Raphaeljs method

我正在使用RaphaelJs 的 mousedown()方法。 問題是，我想在使用 JQuery 的$(id)選擇器選擇的 div 上應用 mousedown()。 我想使用 vanilla Js，因為出於某些性能原因，我不想使用 Jquery。 （參見JsFiddle 上的代碼）。 我嘗試了 d ...

在 Function 中創建時未定義拉斐爾元素？

[英]Raphael Elements Undefined when Created in a Function?

我正在使用 Raphael 元素創建一個迷你游戲，旨在在玩家碰到“子彈”時創建一個彈出窗口，到目前為止，如果我正常創建每個元素，代碼就會相應地工作。 例如，這個： 但是，我希望在單擊玩家圈子時生成“enemyShip”，並且我有以下當前代碼： 但是，當我這樣做時，會導致“未捕獲的參考錯誤：未定義e ...

React-raphael 組件的渲染順序（如 z-index）

[英]The rendering order of the React-raphael components (like z-index)

我希望按我需要的順序繪制 Raphael-react 組件（創建不同的層或類似 z-index 的東西）。 如何控制“紙張”上組件“路徑”的 position？ 這是一個簡化的視圖： ...

svg.js 中的 Raphael.transformPath 類似物是什么？

[英]What is the Raphael.transformPath analogue in svg.js?

Raphael 有一個漂亮的 function 將一條路徑轉換為另一條路徑： svg.js中是否有類似的function？ ...

檢查路徑點是否與圓重疊

[英]Check if points of path are overlapping circle

我正在使用RaphaelJS繪制路徑和圓，我想拖放一條路徑，以便線/路徑的兩端與圓重疊。 當我拖動一條線/一條路徑被拖動時，如何檢測兩端是否是重疊的圓（並且，比方說，不是線的中間）？ 圓圈： 線： ...

如何使用 svg-pan-zoom 庫添加新元素？

[英]How to add new element with svg-pan-zoom library?

我正在使用平移縮放庫來縮放 SVG 元素。 當我嘗試在縮放后添加新路徑時，它根據舊坐標顯示不正確。 這是代碼 - JSFIDDLE 。 出現此問題的原因可能是新元素未放置在 pan-zoom HTML 標記中。 如何添加新對象以將其放置在正確的平移縮放坐標上？ $j(function ...

Js Raphael object.animate 調用不起作用

[英]Js Raphael object.animate call doesn't work

嗨，我是 Js 新手，我正在使用 Raphael 庫進行一些簡單的對象移動，但是我的一個函數不起作用，即使它應該起作用。 這是一些代碼： 和功能 我這樣稱呼他們： 但是 leavePipeR1() 不起作用。 我有什么辦法可以解決這個問題？ ...

如何在創建時將 ID 添加到 Raphael JS 元素

[英]How to add ID to Raphael JS element on creation

我正在做下面的演示。 為什么我無法將 id sample添加到 object？ 我試圖通過 css 控制元素樣式，但它不起作用 var paper = Raphael("container", 500, 300); var dot = paper.circle(50, 50, 30).attr({ ...

RaphaelJS 中的 Font Awesome 圖標

[英]Font Awesome icon in RaphaelJS

我正在嘗試在RaphaelJS的畫布上添加一個Font Awesome圖標。 這是我到目前為止所擁有的： jsFiddle （我的代碼基於這個問題： 使用 raphael js 字體真棒） 圖標以“實心”樣式顯示，但我想將樣式更改為“常規”或“淺色”。 我已經嘗試將 font-weight ...

需要幫助從 JavaScript 中的字符串中提取數字

[英]Need help extracting numbers from string in JavaScript

我需要一個堅如磐石的 RegExp 來嘗試解決 Raphael.js parseStringPath處理有關 Arc 路徑命令和可能的其他問題的一些問題（SnapSVG 也繼承了這個問題）。 您會看到， arcTo路徑命令接受 7 個坐標和設置，但是由於極端優化，某些字符串可能會格式錯誤，並且瀏覽器 ...

Node.js 通過 socket.io 動態更新 Raphael 路徑

[英]Node.js dynamic update Raphael path via socket.io

我在 web 頁面中有一條拉斐爾路徑。 有沒有辦法使用來自 socket.io 事件的數據動態更改它？ 我正在使用 node.js、express、ejs 和 socket.io。 ...

未捕獲的類型錯誤：$(...).kumaGauge 不是 function

[英]Uncaught TypeError: $(...).kumaGauge is not a function

我正在使用 kuma-gauge.jquery.js 繪制儀表圖。 js代碼是： 在 HTML 文件中，我的代碼如下： 當我運行 HTML 文件時，我在控制台中看到錯誤提示未捕獲的類型錯誤：$(...).kumaGauge 不是 function ...

如何使用for循環使用raphael圖形繪制從小到大的矩形塔？

[英]How to draw a tower make of rectangles going from small to large using raphael graphics using a for loop?

我不明白如何使用 for 循環繪制 8 次塔？ 所以最終結果將是這樣的 這是我所擁有的 ...

拉斐爾與 Angular 4+

[英]Raphael with Angular 4+

我正在嘗試將Raphael添加到 Angular 4+ 項目中。 我不知道從哪里開始。 理想情況下，我希望它添加類型和所有內容。 我看過這個，但沒有設法讓它工作。 使用 angular CLI 的分步指南會很棒！ ...

避免在 Raphael 中無意拖拽

[英]Avoid dragging unintentionally in Raphael

在這個jsFiddle 中，我有一個帶有可以單擊或拖動的矩形的 Raphael 畫布。 如果您將鼠標移動到矩形然后單擊它，您可能會稍微移動它（文本會告訴您）。 我需要在我的應用程序中處理單擊並忽略用戶打算單擊時的拖動移動。 例如，只有當拖動大於 5 像素時，我才需要啟用拖動。 如果目的只是點擊，有 ...

使用 javascript 更改 Raphael 文本的 CSS 樣式

[英]Change a CSS style of Raphael text with javascript

我可以使用 jQuery 更改 Raphael 文本的 CSS 屬性，如下所示： 我怎么能只用 javascript 而沒有 jQuery 做同樣的事情？ ...

使用 setAttribute 在 Raphael 中設置雙邊框

[英]Setting double borders in Raphael with `setAttribute`

在這個jsFiddle 中，我有兩個 SVG矩形。 第一個在 SVG 標簽中，第二個用 Raphael JS 渲染。 兩個矩形都應該與雙邊框相同，但它們不是。 在 Raphael JS 中使用node.setAttribute應該設置低級 SVG 屬性，所以這應該可以工作。 這里缺少什么？ ...

每個左坐標僅在 Raphael 中檢測對齊到網格一次

[英]Detect snap to grid in Raphael only once per left coordinate

在這個jsFiddle 中，我有一個帶有可以移動的矩形的 Raphael 畫布。 向左移動時，矩形會捕捉到垂直線。 如果您查看控制台日志，您會看到矩形多次捕捉到同一條垂直線，在我的代碼中，我只需要為每條垂直線獲取一次此事件。 例如在日志中你應該看到： 相反，它會多次顯示每一行。 如果我添加這些行： ...