Bản khảo sát nghiên cứu: Cho chúng tôi biết trải nghiệm của bạn khi sử dụng Blockly
Bắt đầu khảo sát
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
blockly > blockRendering > PathObject
Lớp blockRendering.PathObject
Một đối tượng xử lý việc tạo và thiết lập từng phần tử SVG mà trình kết xuất sử dụng.
Chữ ký:
export declare class PathObject implements IPathObject
Triển khai: IPathObject
Hàm khởi tạo
Thuộc tính
Phương thức
| Phương thức |
Đối tượng sửa đổi |
Mô tả |
| addConnectionHighlight(connection, connectionPath, offset, rtl) |
|
Thêm đường dẫn đã cho làm điểm nổi bật kết nối cho kết nối đã cho. |
| applyColour(block) |
|
Áp dụng màu được lưu trữ cho đường dẫn của khối, có tính đến việc đường dẫn có thuộc về khối bóng đổ hay không. |
| flipRTL() |
|
Đảo ngược các đường dẫn SVG theo RTL. |
| removeConnectionHighlight(connection) |
|
Xoá mọi điểm nổi bật liên kết với kết nối đã cho, nếu có. |
| setClass_(className, add) |
protected |
Thêm hoặc xoá lớp CSS đã cho trên phần tử SVG gốc của đối tượng đường dẫn. |
| setPath(pathString) |
|
Đặt đường dẫn do trình kết xuất tạo vào phần tử SVG tương ứng. |
| setStyle(blockStyle) |
|
Đặt kiểu. |
| updateDisabled_(disabled) |
protected |
Cập nhật giao diện của khối để phản ánh trạng thái bị tắt. |
| updateDraggingDelete(enable) |
|
Thêm hoặc xoá kiểu cho biết một khối được kéo qua vùng xoá. |
| updateHighlighted(enable) |
|
Đặt xem khối có hiển thị điểm nổi bật hay không. Tính năng làm nổi bật khối thường được dùng để đánh dấu trực quan các khối đang được thực thi. |
| updateInsertionMarker(enable) |
|
Thêm hoặc xoá kiểu cho biết một khối là điểm đánh dấu chèn. |
| updateMovable(enable) |
|
Thêm hoặc xoá kiểu cho biết một khối có thể di chuyển. |
| updateReplacementFade(enable) |
|
Thêm hoặc xoá kiểu cho biết nếu khối đang kéo bị thả, khối này sẽ được thay thế. Nếu là một khối bóng, khối đó sẽ biến mất. Nếu không, nó sẽ bị va chạm. |
| updateSelected(enable) |
|
Thêm hoặc xoá kiểu cho biết một khối đã được chọn. |
| updateShadow_(shadow) |
protected |
Cập nhật giao diện của khối để phản ánh trạng thái bóng. |
| updateShapeForInputHighlight(_conn, _enable) |
|
Thêm hoặc xoá kiểu cho biết nếu khối đang kéo bị thả, khối này sẽ được kết nối với dữ liệu đầu vào. |
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-07-25 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2025-07-25 UTC."],[[["\u003cp\u003eThe \u003ccode\u003ePathObject\u003c/code\u003e class in Blockly's block rendering namespace handles the creation and management of SVG elements for rendering blocks.\u003c/p\u003e\n"],["\u003cp\u003eIt stores properties like style, SVG elements for the path, cursor, and marker, and provides methods for applying colors, updating visual states (e.g., highlighting, selection), and managing connection highlights.\u003c/p\u003e\n"],["\u003cp\u003e\u003ccode\u003ePathObject\u003c/code\u003e implements the \u003ccode\u003eIPathObject\u003c/code\u003e interface and uses a \u003ccode\u003eConstantProvider\u003c/code\u003e for consistent rendering values.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can use \u003ccode\u003ePathObject\u003c/code\u003e methods to manipulate the visual representation of blocks based on user interactions and block states, like highlighting, selection, dragging, and connections.\u003c/p\u003e\n"]]],["The `PathObject` class manages SVG elements for block rendering, implementing the `IPathObject` interface. It constructs SVG elements, sets styles and paths, and manages visual states. Key actions include applying colors, setting cursor/marker SVGs, flipping paths for RTL, and updating styles for disabled, shadow, selected, highlighted, movable, and deletion states. It also handles connection highlights and insertion markers and updates styling for input connections and replacement fades.\n"],null,["[blockly](./blockly.md) \\\u003e [blockRendering](./blockly.blockrendering_namespace.md) \\\u003e [PathObject](./blockly.blockrendering_namespace.pathobject_class.md)\n\nblockRendering.PathObject class\n-------------------------------\n\nAn object that handles creating and setting each of the SVG elements used by the renderer.\n\n**Signature:** \n\n export declare class PathObject implements IPathObject \n\n**Implements:** [IPathObject](./blockly.blockrendering_namespace.ipathobject_interface.md)\n\nConstructors\n------------\n\n| Constructor | Modifiers | Description |\n|-----------------------------------------------------------------------------------------------------------------------------|-----------|-----------------------------------------------------|\n| [(constructor)(root, style, constants)](./blockly.blockrendering_namespace.pathobject_class._constructor__1_constructor.md) | | Constructs a new instance of the `PathObject` class |\n\nProperties\n----------\n\n| Property | Modifiers | Type | Description |\n|----------------------------------------------------------------------------------------|-----------|----------------------------------------------------------------------------------|-------------|\n| [constants](./blockly.blockrendering_namespace.pathobject_class.constants_property.md) | | [ConstantProvider](./blockly.blockrendering_namespace.constantprovider_class.md) | |\n| [style](./blockly.blockrendering_namespace.pathobject_class.style_property.md) | | BlockStyle | |\n| [svgPath](./blockly.blockrendering_namespace.pathobject_class.svgpath_property.md) | | SVGElement | |\n| [svgRoot](./blockly.blockrendering_namespace.pathobject_class.svgroot_property.md) | | SVGElement | |\n\nMethods\n-------\n\n| Method | Modifiers | Description |\n|-----------------------------------------------------------------------------------------------------------------------------------------------------------|-------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| [addConnectionHighlight(connection, connectionPath, offset, rtl)](./blockly.blockrendering_namespace.pathobject_class.addconnectionhighlight_1_method.md) | | Adds the given path as a connection highlight for the given connection. |\n| [applyColour(block)](./blockly.blockrendering_namespace.pathobject_class.applycolour_1_method.md) | | Apply the stored colours to the block's path, taking into account whether the paths belong to a shadow block. |\n| [flipRTL()](./blockly.blockrendering_namespace.pathobject_class.fliprtl_1_method.md) | | Flip the SVG paths in RTL. |\n| [removeConnectionHighlight(connection)](./blockly.blockrendering_namespace.pathobject_class.removeconnectionhighlight_1_method.md) | | Removes any highlight associated with the given connection, if it exists. |\n| [setClass_(className, add)](./blockly.blockrendering_namespace.pathobject_class.setclass__1_method.md) | `protected` | Add or remove the given CSS class on the path object's root SVG element. |\n| [setPath(pathString)](./blockly.blockrendering_namespace.pathobject_class.setpath_1_method.md) | | Set the path generated by the renderer onto the respective SVG element. |\n| [setStyle(blockStyle)](./blockly.blockrendering_namespace.pathobject_class.setstyle_1_method.md) | | Set the style. |\n| [updateDisabled_(disabled)](./blockly.blockrendering_namespace.pathobject_class.updatedisabled__1_method.md) | `protected` | Updates the look of the block to reflect a disabled state. |\n| [updateDraggingDelete(enable)](./blockly.blockrendering_namespace.pathobject_class.updatedraggingdelete_1_method.md) | | Add or remove styling showing that a block is dragged over a delete area. |\n| [updateHighlighted(enable)](./blockly.blockrendering_namespace.pathobject_class.updatehighlighted_1_method.md) | | Set whether the block shows a highlight or not. Block highlighting is often used to visually mark blocks currently being executed. |\n| [updateInsertionMarker(enable)](./blockly.blockrendering_namespace.pathobject_class.updateinsertionmarker_1_method.md) | | Add or remove styling showing that a block is an insertion marker. |\n| [updateMovable(enable)](./blockly.blockrendering_namespace.pathobject_class.updatemovable_1_method.md) | | Add or remove styling showing that a block is movable. |\n| [updateReplacementFade(enable)](./blockly.blockrendering_namespace.pathobject_class.updatereplacementfade_1_method.md) | | Add or remove styling that shows that if the dragging block is dropped, this block will be replaced. If a shadow block, it will disappear. Otherwise it will bump. |\n| [updateSelected(enable)](./blockly.blockrendering_namespace.pathobject_class.updateselected_1_method.md) | | Add or remove styling showing that a block is selected. |\n| [updateShadow_(shadow)](./blockly.blockrendering_namespace.pathobject_class.updateshadow__1_method.md) | `protected` | Updates the look of the block to reflect a shadow state. |\n| [updateShapeForInputHighlight(_conn, _enable)](./blockly.blockrendering_namespace.pathobject_class.updateshapeforinputhighlight_1_method.md) | | Add or remove styling that shows that if the dragging block is dropped, this block will be connected to the input. |"]]
