blockly > utils > svgPaths
utils.svgPaths 命名空間
函式
函式 |
說明 |
arc(command, flag, radius, point) |
繪製橢圓曲線曲線。這些座標為無單位,因此位於使用者座標系統中。請參閱 developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#Elliptical_Arc_Curve |
curve(指令, 點) |
繪製立方曲線或二次曲線。請參閱 developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#Cubic_B%C3%A9zier_Curve 這些座標為無單位,因此使用者座標系統。 |
line(points) |
繪製多條線,依序連接所有指定的點。這等同於一系列的「l」指令。這些座標為無單位,因此位於使用者座標系統中。請參閱 developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Line_commands |
lineOnAxis(command, val) |
繪製水平或垂直線。第一個引數會指定方向以及指定位置是相對或絕對位置。這些座標為無單位,因此位於使用者座標系統中。請參閱 developer.mozilla.org/zh-TW/docs/Web/SVG/Attribute/d#LineTo_path_commands |
lineTo(dx, dy) |
繪製從目前點到終點的線條,也就是目前沿著 X 軸和 Y 軸移動的點。這些座標為無單位,因此位於使用者座標系統中。請參閱 developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Line_commands |
moveBy(dx, dy) |
將遊標移到指定位置,不繪製線條。座標是相對值,這些座標為無單位,因此位於使用者座標系統中。請參閱 developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Line_commands |
moveTo(x, y) |
將遊標移到指定位置,不繪製線條。座標為絕對座標。這些座標為無單位,因此位於使用者座標系統中。請參閱 developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Line_commands |
點(x, y) |
建立代表指定的 x, y 組合的字串。無論座標是相對還是絕對值。結果開頭和結尾包含空格,且用半形逗號分隔 x 和 y 座標,但沒有空格。 |
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2023-12-01 (世界標準時間)。
[null,null,["上次更新時間:2023-12-01 (世界標準時間)。"],[[["The `Blockly.utils.svgPaths` namespace provides functions for creating SVG paths."],["These functions offer methods to draw lines, curves, arcs, and move the drawing cursor."],["All coordinates used by these functions are unitless and within the user coordinate system."],["The generated paths are compatible with the SVG 'd' attribute and follow SVG path syntax."],["Detailed information about the underlying SVG path commands can be found on the Mozilla Developer Network (MDN) documentation."]]],[]]