snap.svg

    1熱度

    1回答

    通過關於Snap.svg的其他文章,我沒有看到有關簡單使用動畫功能的很多解釋。 我不太明白使用 element.animate的文檔和當前示例。 我看到有特定的事情可以完成(變換,旋轉)..但是如果我想在簡單的2D軸上移動一些東西呢? 這裏是我當前的代碼片段: var s = Snap("#elevBox"); var elev1 = s.select("#elev1"); if(toggle

    1熱度

    1回答

    我有一個包含在它的幾個單元的組: 路徑(黑色),和2個rects(粉紅色和藍色) 它們都屬於到同一組。 基本上,我想要做的是我想執行一個功能,當組懸停,所以我做的: group.hover(function(e){ //set up hovering console.log("hover bubble"); }, function(e) { console.

    0熱度

    1回答

    我期待建立一個MOBLE的應用程序,用戶可以採取SVG圖像,下一個「記錄」操縱它,然後發送記錄的朋友爲他們「重播」。 我有D3.js一定的經驗和還考察Snap.svg庫SVG操作,但我不完全包裹我的頭圍繞如何實現這一點。 特別是,什麼是一個好辦法,能夠節省用戶使得操作,然後選擇「重播」呢?例如,我可以使用D3.js來操作SVG,但由於這是基於代碼的,因此我無法準確地「序列化」動畫,以便發送給其他人

    0熱度

    1回答

    我剛剛下載了Snap SVG,我試圖弄清楚如何顯示一個圖像與回落安排。這裏是代碼: var s = Snap("#MyPopup"); var g = s.g(); var image = g.image("http://myimages.com/xyz.png", 250, 10, 40,40); 這顯示圖像完美。但是,如果圖像丟失,那麼你會得到那個破碎的圖像不友好的圖標。而不是我想要顯

    1熱度

    1回答

    我有一個簡單的創建這裏snapjs https://plnkr.co/edit/CyeVHuuuWrTAy1yKsp4d?p=preview 樣本這是我的腳本 - 我加載一個SVG,我想漆成綠色。 令人驚訝的是,svg不是着色的,而是我畫的「bigCircle」。 $(document).ready(function() { var s = Snap("#svg"); var

    1熱度

    1回答

    我是svgs和snap.svg全新的新手。我工作的一個SVG中生成的元素,並具有以下一起工作: <svg width="600" height="400" style="shape-rendering: geometricPrecision; position: absolute; left: 0; top: 0;"> <defs> ... <c

    2熱度

    1回答

    我剛開始使用svgs和Snap.svg庫。在教程之後,我創建了一個弧進度指示器。我現在想要的是給動畫弧添加一個內部陰影。我閱讀文檔,但filter.shadow命令只給出了外部陰影的選項。我做了一些關於將濾鏡添加到常規svgs的研究,並且我向svg添加了一個綁定到Snap對象的濾鏡。它確實給了我內在的影子,但是它毀掉了弧形動畫;即使存在內部陰影,也只有大約一半的弧出現。我改變了一些嘗試修復它的過濾

    0熱度

    1回答

    我需要一些幫助,我試圖用Snap svg在一個函數中設置兩條路徑的動畫。 我試着這個,但它不工作,只是第一個動畫。 svg = document.getElementById('Capa_1_plato'); s = Snap(svg); var path = Snap.select('#ondas'); var path2 = Snap.select('#ondasAceite'); a

    0熱度

    1回答

    請注意,當我將我的svg代碼嵌入我的HTML文件時,我不會收到此錯誤。 我在我的HTML中需要使用許多svg文件,因此將它全部放在一個文件中會非常不方便。 在我的JavaScript的功能之一,這裏是我的代碼使用方法: var svgT = Snap("#redBar"); var line = svgT.select("#line"); // exception occurs here 這

    3熱度

    2回答

    我是Snap.svg的新手,我試圖歪斜一個簡單的矩形,但我無法弄清楚如何。我已經在文檔中搜索。 這是我到目前爲止有: /* stage */ var s = Snap('#mysvg'); s.clientRect = s.node.getBoundingClientRect(); s.width = s.clientRect.width; s.height