123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- exports.refreshElement = exports.drawChildren = void 0;
- var svg_1 = require("./svg");
- var dom_1 = require("./dom");
- function drawChildren(context, children) {
- children.forEach(function (child) {
- child.draw(context);
- });
- }
- exports.drawChildren = drawChildren;
- /**
- * 更新元素,包括 group 和 shape
- * @param {IElement} element SVG 元素
- * @param {ChangeType} changeType 更新类型
- */
- function refreshElement(element, changeType) {
- // 对于还没有挂载到画布下的元素,canvas 可能为空
- var canvas = element.get('canvas');
- // 只有挂载到画布下,才对元素进行实际渲染
- if (canvas && canvas.get('autoDraw')) {
- var context = canvas.get('context');
- var parent_1 = element.getParent();
- var parentChildren = parent_1 ? parent_1.getChildren() : [canvas];
- var el = element.get('el');
- if (changeType === 'remove') {
- var isClipShape = element.get('isClipShape');
- // 对于 clip,不仅需要将 clipShape 对于的 SVG 元素删除,还需要将上层的 clipPath 元素也删除
- if (isClipShape) {
- var clipPathEl = el && el.parentNode;
- var defsEl = clipPathEl && clipPathEl.parentNode;
- if (clipPathEl && defsEl) {
- defsEl.removeChild(clipPathEl);
- }
- }
- else if (el && el.parentNode) {
- el.parentNode.removeChild(el);
- }
- }
- else if (changeType === 'show') {
- el.setAttribute('visibility', 'visible');
- }
- else if (changeType === 'hide') {
- el.setAttribute('visibility', 'hidden');
- }
- else if (changeType === 'zIndex') {
- dom_1.moveTo(el, parentChildren.indexOf(element));
- }
- else if (changeType === 'sort') {
- var children_1 = element.get('children');
- if (children_1 && children_1.length) {
- dom_1.sortDom(element, function (a, b) {
- return children_1.indexOf(a) - children_1.indexOf(b) ? 1 : 0;
- });
- }
- }
- else if (changeType === 'clear') {
- // el maybe null for group
- if (el) {
- el.innerHTML = '';
- }
- }
- else if (changeType === 'matrix') {
- svg_1.setTransform(element);
- }
- else if (changeType === 'clip') {
- svg_1.setClip(element, context);
- }
- else if (changeType === 'attr') {
- // 已在 afterAttrsChange 进行了处理,此处 do nothing
- }
- else if (changeType === 'add') {
- element.draw(context);
- }
- }
- }
- exports.refreshElement = refreshElement;
- //# sourceMappingURL=draw.js.map
|