snap.svg

    0熱度

    1回答

    我搞清楚如何使用箭頭標記結束動畫的路徑。我正在嘗試製作對角線的動畫。 你可以在這裏看到一個正在運行的樣本:http://codepen.io/danieltnaves/pen/ZWryxm var animationsPaths = new Array(); animationsPaths.push("M 100 10 L 200 110"); animationsPaths.push("M

    0熱度

    1回答

    管理單元沒有加載我的svg本地主機,它推動我瘋了。我有一個使用Apache和PHP設置的基本服務器。 的index.html和CSS,JS和SVG文件夾內C:\ Apache24 \ htdocs中 的代碼如下: HTML文件: <!doctype html> <head> <link rel="stylesheet" type="text/css" href="style.css"

    9熱度

    1回答

    我遇到的問題只會影響IE和Edge(在IE9-11 & Edge 12-13上測試過)。我使用Snap.svg爲​​SVG筆畫偏移設置了動畫效果,似乎可以正常運行,但在某些時候,筆畫看上去會「超出界限」並消失。這很奇怪,因爲viewBox被設置爲與線條完全吻合(它直接從Illustrator中導出,並帶有適合整條線的美工板)。 您可以在這裏看到這些內容起作用:http://codepen.io/n

    1熱度

    1回答

    類似的問題似乎已經問過,但沒有一個解決方案,似乎爲我,所以在這裏工作是我的代碼: this.animate({scale(2, 2, vinerBBoxX, vinerBBoxY)}, 100, mina.easeinout); vinerBBoxX是元素的x中心和vinerBBoxY是y中心,無論是在縮放而沒有動畫效果時工作得很好。 我一般都會遇到縮放問題,網絡上有這麼多的解決方案,我發現完

    0熱度

    1回答

    我無法縮放和居中從文件加載的SVG。 這是#svg容器我加載與Snapsvg SVG文件: 它的滿載SVG: ,當我縮放來: 瀏覽器如何檢查它: 我的JS: var s = Snap("#svg"); var g = s.group(); var tux = Snap.load("svg/roulette.svg", function (loadedFragment) { g.app

    0熱度

    1回答

    出於某種原因,當我嘗試做一團使用snap.svg我得到: Uncaught TypeError: s.group is not a function 沒有母校什麼我嘗試,我不能得到它的工作!就好像Snap.SVG根本不工作,但是我的Snap(「#wrapper」);工作正常? 我的代碼如下: index.js s = Snap("#wrapper"); var text = s.select

    0熱度

    2回答

    我試圖創建一個動畫線,就好像它從一個點繪製到另一個。我已經設法將線條繪製到頁面上,但無法解決如何將它製作爲動畫,就好像它正在繪製一樣? https://jsfiddle.net/0sdt33dz/ function svgAnimate(){ var s = Snap('#svg'); var linePath = "M-3,148.6c0,0,43.9,7,49.4-17.2c3.5-15.

    0熱度

    1回答

    我正在編寫一些代碼,以便在Chrome(Windows和Android)中專門用於動態生成SVG圖像的代碼進行查看。我的代碼是這樣的 <head> <style> @font-face { font-family:"toolbar"; src:url('https://cdn.jsdelivr.net/fontawesome/4.6.2/fonts/fontawesome- webfo

    0熱度

    1回答

    我只是一個簡單的Javascript直到最近。在過去的幾周裏,我一直在努力學習更高級的方面。從經典的編程背景的到來,在Javascript原型都扔我一個循環超過幾次... 雖然研究Snap.svg API(努力學習技術),我發現以下幾點: (function (glob, factory) { // AMD support if (typeof define == "f

    0熱度

    1回答

    所以我tryingout Snap svg 現在,我有以下代碼: var chatSvg = Snap("#chatSvg"); var c = chatSvg.image('assets/figures/naked.jpg', 10, 10); chatSvg.click(function (event) { c.x = event.x; c.y = event.y;