svg.js

0熱度

1回答

我想使用SVG.js動畫變換矩陣。有一種方法， matrix.morph（），這是打算做到這一點。我無法做到這一點。下面是一個試圖應用此方法的示例，但它什麼都不做。有人可以告訴我如何使用SVG.js動畫變換矩陣。謝謝。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>SV

0熱度

1回答

.use在SVG.js中沒有克隆.svg元素

當我嘗試使用.use函數乘以導入的內聯SVG再見時，它會呈現一個空元素，但同樣的函數可以很好地處理像矩形一樣簡單的事情。 SVG.js能夠克隆複雜的元素嗎？ HTML： <div id="container"></div> JS： var draw = SVG('container').size(300, 300); var man = draw.svg('<g><path fill-rul

0熱度

1回答

如何給svg元素路徑賦予背景顏色？

我已經轉換圖像SVG和得到像下面 <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="122.000000pt" height="98.000000pt" viewBox="0 0 122.000000 98.000000" preserveAspectRatio="xMidYMid meet"> <metadat

0熱度

2回答

如何使用SVG.invent（）創建自定義svg.js元素？

我只是不明白。 Documentation說明如何創建帶圓角的自定義的矩形，但是我應該如何創建，例如，一些文本的矩形內，就像這樣： +---------+ | | | Hello | | | +---------+ 好了，這是很清楚，我可能需要創建一個group然後把一個矩形和文本放在它裏面，但是當我嘗試以某種不同的方式做到這一點時，我什麼也沒有顯示。我想創造的東西，是這樣的

0熱度

1回答

沿路徑拖動一個圓sgg

我使用SVG.JS插件在svg上的一個項目上工作。我想讓圓圈沿着路徑拖動時

-2熱度

1回答

svg文字環繞問題

我正在試圖將所謂的數據封裝到svg上的兩行文字上。現在它正在顯示六行以上的文字。有人能幫忙嗎。 function wrap(text, width, content) { text.each(function() { var text = d3.select(this), words = content.split(/\s+/).reverse(),

2熱度

1回答

無法使用svg.draw.js繪製路徑

我正在使用svg.js和svg.draw.js製作一個非常簡單的設計工具，其中用戶使用直線，多段線，矩形和自由繪圖進行簡單設計。 svg.draw.js是svg.js的擴展，允許用鼠標繪製元素。現在讓我們來看一個非常簡單的例子。如果我們想使任何形狀使用svg.js（如多段線），我們簡單地這樣做： var draw = SVG('drawing').size(300, 300) draw.p

1熱度

1回答

無法導入用於Typescript類中的JavaScript框架

我試圖將SVG.js作爲模塊加載，以便我可以在外部命名空間模塊內的typecript類中使用它。我有SVG.js類型定義文件加載。原始SVG.js文件保持爲純JavaScript。我無法弄清楚如何導入SVG.js作爲一個模塊，這樣我可以在我的類中使用它。我已經嘗試了一些導入定義，但似乎沒有任何工作。什麼是導入JavaScript庫的打字稿類中使用正確的方法是什麼？我已經試過： import

0熱度

1回答

SVG.js縮放和直線移動路徑

如何使SVG.js路徑動畫在移動和調整大小時遵循直線？有2個部分動畫。首先將文本作爲SVG路徑放大並移動到矩形的中心。之後它需要縮小到原始大小並移動到矩形的對角。第一部分根據需要進行動畫製作，但文本的第二部分從觀看區域移開然後返回。 let draw = SVG('reading-area'); var group = draw.group(); original = group.svg

0熱度

1回答

如何在svg.js中移動多邊形（或其他任何基本形狀）？

我們假設我已經創建了兩個SVG元素：矩形和多邊形。我可以簡單地通過rect.move（X，Y）或rect.dmove（X，Y）什麼是移動多邊形的最好辦法四處移動RECT？我必須先創建一個組嗎？似乎是我的開銷...... .move（）不工作（我猜是因爲它攪亂與點屬性？！）