From 9e95cd3e6286653eae56c53ffa002b0e69929c39 Mon Sep 17 00:00:00 2001 From: zcy <290198252@qq.com> Date: Sat, 2 Mar 2024 09:40:02 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=20wire=E5=92=8Cpin=E5=92=8CA?= =?UTF-8?q?ltiumRectangle?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- altium_sch.html | 4 +- altium_sch_document.js | 2 +- altium_sch_renderer.js | 1683 ++++++++++++++++++++++------------------ 3 files changed, 951 insertions(+), 738 deletions(-) diff --git a/altium_sch.html b/altium_sch.html index a4c2e7c..e47849d 100644 --- a/altium_sch.html +++ b/altium_sch.html @@ -25,7 +25,7 @@ style="overflow:auto;position:relative;width:1500px;height:600px;border:1px soli // renderSchematic(getTestFile()); function readSchematicFile(e) { - console.log(e) + // console.log(e) let file = e.target.files[0]; if (!file) { @@ -36,7 +36,7 @@ function readSchematicFile(e) { { let contents = e.target.result; let cfbs = window.cfb - console.log(contents) + // console.log(contents) var dec = new TextDecoder("utf-8"); let arr = Array.prototype.slice.call(new Uint8Array(contents )); diff --git a/altium_sch_document.js b/altium_sch_document.js index b320483..f3503f2 100644 --- a/altium_sch_document.js +++ b/altium_sch_document.js @@ -697,7 +697,7 @@ class AltiumDocument this.stream = new U8Stream(streams); this.records = []; let index = -1; // header comes first, so give it an index of -1 - console.log(this.stream.length) + // console.log(this.stream.length) while (this.stream.u8stream_position < this.stream.length) { this.records.push(new AltiumRecord(this.stream, index)); diff --git a/altium_sch_renderer.js b/altium_sch_renderer.js index 3e20a22..67185ad 100644 --- a/altium_sch_renderer.js +++ b/altium_sch_renderer.js @@ -24,7 +24,12 @@ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ - +mxConnectionHandler.prototype.movePreviewAway = false; +mxConnectionHandler.prototype.waypointsEnabled = true; +mxGraph.prototype.resetEdgesOnConnect = false; +mxConstants.SHADOWCOLOR = '#C0C0C0'; +var joinNodeSize = 7; +var strokeWidth = 2; class AltiumSchematicRenderer { @@ -32,6 +37,7 @@ class AltiumSchematicRenderer { this.canvas = canvas; this.document = document; + this.graph = null } #altiumColourToHex(colourInt) @@ -54,85 +60,194 @@ class AltiumSchematicRenderer return parent.current_part_id == object.owner_part_id; } - render() { - let graph = new mxGraph(document.getElementById('graphContainer')); - graph.setPanning(true); - graph.setConnectable(true); - graph.setConnectableEdges(true); - graph.setDisconnectOnMove(false); - graph.foldingEnabled = false; + initGraph() { + this.graph = new mxGraph(document.getElementById('graphContainer')); + this.graph.setPanning(true); + this.graph.setConnectable(true); + this.graph.setConnectableEdges(true); + this.graph.setDisconnectOnMove(false); + this.graph.foldingEnabled = false; //Maximum size - graph.maximumGraphBounds = new mxRectangle(0, 0, 800, 600) - graph.border = 50; + this.graph.maximumGraphBounds = new mxRectangle(0, 0, 1400, 600) + this.graph.border = 0; var fontColor = '#FFFFFF' ; var strokeColor = '#C0C0C0' ; var fillColor = '#C0C0C0'; // Panning handler consumed right click so this must be // disabled if right click should stop connection handler. - graph.panningHandler.isPopupTrigger = function() { return false; }; + this.graph.panningHandler.isPopupTrigger = function() { return false; }; // Enables return key to stop editing (use shift-enter for newlines) - graph.setEnterStopsCellEditing(true); + this.graph.setEnterStopsCellEditing(true); // Adds rubberband selection - new mxRubberband(graph); - - // Alternative solution for implementing connection points without child cells. - // This can be extended as shown in portrefs.html example to allow for per-port - // incoming/outgoing direction. - graph.getAllConnectionConstraints = function(terminal) { - var geo = (terminal != null) ? this.getCellGeometry(terminal.cell) : null; - console.log("getAllConnectionConstraints ") - if ((geo != null ? !geo.relative : false) && - this.getModel().isVertex(terminal.cell) && - this.getModel().getChildCount(terminal.cell) == 0) - { - return [new mxConnectionConstraint(new mxPoint(0, 0.5), false), - new mxConnectionConstraint(new mxPoint(1, 0.5), false)]; - } - - return null; - }; - - // Makes sure non-relative cells can only be connected via constraints - graph.connectionHandler.isConnectableCell = function(cell) { - console.log("isConnectableCell",cell) - if (this.graph.getModel().isEdge(cell)) - { - return true; - } - else - { - var geo = (cell != null) ? this.graph.getCellGeometry(cell) : null; - - return (geo != null) ? geo.relative : false; - } - }; - var parent = graph.getDefaultParent(); + new mxRubberband(this.graph); - graph.getModel().beginUpdate(); - try + mxVertexHandler.prototype.rotationEnabled = true; + + // Alternative solution for implementing connection points without child cells. + // This can be extended as shown in portrefs.html example to allow for per-port + // incoming/outgoing direction. + this.graph.getAllConnectionConstraints = function(terminal) { + var geo = (terminal != null) ? this.getCellGeometry(terminal.cell) : null; + console.log("getAllConnectionConstraints ") + if ((geo != null ? !geo.relative : false) && + this.getModel().isVertex(terminal.cell) && + this.getModel().getChildCount(terminal.cell) == 0) { - var v1 = graph.insertVertex(parent, null, 'J1', 80, 40, 40, 80, - 'verticalLabelPosition=top;verticalAlign=bottom;shadow=1;fillColor=' + fillColor); - v1.setConnectable(false); + return [new mxConnectionConstraint(new mxPoint(0, 0.5), false), + new mxConnectionConstraint(new mxPoint(1, 0.5), false)]; + } - var v11 = graph.insertVertex(v1, null, '1', 0, 0, 10, 16, - 'shape=line;align=left;verticalAlign=middle;fontSize=10;routingCenterX=-0.5;'+ - 'spacingLeft=12;fontColor=' + fontColor + ';strokeColor=' + strokeColor); - v11.geometry.relative = true; - v11.geometry.offset = new mxPoint(-v11.geometry.width, 2); - var v12 = v11.clone(); - v12.value = '2'; - v12.geometry.offset = new mxPoint(-v11.geometry.width, 22); - v1.insert(v12); + return null; + }; + + // Makes sure non-relative cells can only be connected via constraints + this.graph.connectionHandler.isConnectableCell = function(cell) { + console.log("isConnectableCell",cell) + if (this.graph.getModel().isEdge(cell)) + { + return true; } - finally{ - graph.getModel().endUpdate(); - + else + { + var geo = (cell != null) ? this.graph.getCellGeometry(cell) : null; + + return (geo != null) ? geo.relative : false; } + }; + + var parent = this.graph.getDefaultParent(); + mxVertexHandler.prototype.livePreview = true; + mxVertexHandler.prototype.rotationEnabled = true; + + var labelBackground = (false) ? '#000000' : '#FFFFFF'; + var fontColor = (false) ? '#FFFFFF' : '#000000'; + var strokeColor = (false) ? '#C0C0C0' : '#000000'; + var fillColor = (false) ? 'none' : '#FFFFFF'; + + var style = this.graph.getStylesheet().getDefaultEdgeStyle(); + delete style['endArrow']; + style['strokeColor'] = strokeColor; + style['labelBackgroundColor'] = labelBackground; + style['edgeStyle'] = 'wireEdgeStyle'; + style['fontColor'] = fontColor; + style['fontSize'] = '9'; + style['movable'] = '0'; + style['strokeWidth'] = strokeWidth; + style['rounded'] = '0'; + + // Sets join node size + style['startSize'] = joinNodeSize; + style['endSize'] = joinNodeSize; + + style = this.graph.getStylesheet().getDefaultVertexStyle(); + //style['gradientColor'] = '#909090'; + style['strokeColor'] = strokeColor; + //style['fillColor'] = '#e0e0e0'; + style['fillColor'] = 'none'; + style['fontColor'] = fontColor; + style['fontStyle'] = '1'; + style['fontSize'] = '12'; + style['resizable'] = '0'; + style['strokeWidth'] = strokeWidth; + + } + + render() { + this.graph = new mxGraph(document.getElementById('graphContainer')); + this.graph.setPanning(true); + this.graph.setConnectable(true); + this.graph.setConnectableEdges(true); + this.graph.setDisconnectOnMove(false); + this.graph.foldingEnabled = false; + this.graph.gridSize = 1 + //Maximum size + this.graph.maximumGraphBounds = new mxRectangle(0, 0, 1920, 800) + this.graph.border = 20; + var fontColor = '#FFFFFF' ; + var strokeColor = '#C0C0C0' ; + var fillColor = '#C0C0C0'; + // Panning handler consumed right click so this must be + // disabled if right click should stop connection handler. + this.graph.panningHandler.isPopupTrigger = function() { return false; }; + + // Enables return key to stop editing (use shift-enter for newlines) + this.graph.setEnterStopsCellEditing(true); + + // Adds rubberband selection + new mxRubberband(this.graph); + + mxVertexHandler.prototype.rotationEnabled = true; + + // Alternative solution for implementing connection points without child cells. + // This can be extended as shown in portrefs.html example to allow for per-port + // incoming/outgoing direction. + this.graph.getAllConnectionConstraints = function(terminal) { + var geo = (terminal != null) ? this.getCellGeometry(terminal.cell) : null; + console.log("getAllConnectionConstraints ") + if ((geo != null ? !geo.relative : false) && + this.getModel().isVertex(terminal.cell) && + this.getModel().getChildCount(terminal.cell) == 0) + { + return [new mxConnectionConstraint(new mxPoint(0, 0.5), false), + new mxConnectionConstraint(new mxPoint(1, 0.5), false)]; + } + + return null; + }; + + // Makes sure non-relative cells can only be connected via constraints + this.graph.connectionHandler.isConnectableCell = function(cell) { + if (this.graph.getModel().isEdge(cell)) + { + return true; + } + else + { + var geo = (cell != null) ? this.graph.getCellGeometry(cell) : null; + + return (geo != null) ? geo.relative : false; + } + }; + + var parent = this.graph.getDefaultParent(); + mxVertexHandler.prototype.livePreview = true; + mxVertexHandler.prototype.rotationEnabled = true; + + var labelBackground = (false) ? '#000000' : '#FFFFFF'; + var fontColor = (false) ? '#FFFFFF' : '#000000'; + var strokeColor = (false) ? '#C0C0C0' : '#000000'; + var fillColor = (false) ? 'none' : '#FFFFFF'; + + + var style = this.graph.getStylesheet().getDefaultEdgeStyle(); + delete style['endArrow']; + style['strokeColor'] = strokeColor; + style['labelBackgroundColor'] = labelBackground; + style['edgeStyle'] = 'wireEdgeStyle'; + style['fontColor'] = fontColor; + style['fontSize'] = '9'; + style['movable'] = '0'; + style['strokeWidth'] = strokeWidth; + style['rounded'] = '0'; + + // Sets join node size + style['startSize'] = joinNodeSize; + style['endSize'] = joinNodeSize; + + style = this.graph.getStylesheet().getDefaultVertexStyle(); + //style['gradientColor'] = '#909090'; + style['strokeColor'] = strokeColor; + //style['fillColor'] = '#e0e0e0'; + style['fillColor'] = 'none'; + style['fontColor'] = fontColor; + style['fontStyle'] = '1'; + style['fontSize'] = '12'; + style['resizable'] = '0'; + style['strokeWidth'] = strokeWidth; // let canvas = this.canvas; let doc = this.document; @@ -208,702 +323,800 @@ class AltiumSchematicRenderer ctx.textAlign = "left"; */ - let bom = []; - bom.push("\"designator\", \"part\", \"description\""); - for (let obj of doc.objects.filter((o) => o instanceof AltiumDesignator)) - { - if (!this.#shouldShow(obj)) continue; - - let bomLine = ""; - //let designator = doc.objects.find((des) => des instanceof AltiumDesignator && des.owner_part_id == obj.current_part_id); - let component = doc.object_from_record_index(obj.owner_record_index); - if (component != null && component instanceof AltiumComponent) + this.graph.getModel().beginUpdate(); + try{ + let bom = []; + bom.push("\"designator\", \"part\", \"description\""); + for (let obj of doc.objects.filter((o) => o instanceof AltiumDesignator)) { - bomLine += "\"" + obj.text + "\", \"" + component.design_item_id + "\", \"" + component.description.replaceAll("\"", "'") + "\""; - bom.push(bomLine); + if (!this.#shouldShow(obj)) continue; + + let bomLine = ""; + //let designator = doc.objects.find((des) => des instanceof AltiumDesignator && des.owner_part_id == obj.current_part_id); + let component = doc.object_from_record_index(obj.owner_record_index); + if (component != null && component instanceof AltiumComponent) + { + bomLine += "\"" + obj.text + "\", \"" + component.design_item_id + "\", \"" + component.description.replaceAll("\"", "'") + "\""; + bom.push(bomLine); + } + //bomLine += obj.description; + } - //bomLine += obj.description; - - } - results.innerText = bom.join("\n"); + results.innerText = bom.join("\n"); - for (let obj of doc.objects.filter((o) => o instanceof AltiumWire)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); - // ctx.lineWidth = obj.width; - // ctx.beginPath(); - // ctx.moveTo(obj.points[0].x, obj.points[0].y); - // for (let i = 1; i < obj.points.length; i++) - // { - // ctx.lineTo(obj.points[i].x, obj.points[i].y); - // } - // ctx.stroke(); - } - for (let obj of doc.objects.filter((o) => o instanceof AltiumBus)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); - // ctx.lineWidth = obj.width; - // ctx.beginPath(); - // ctx.moveTo(obj.points[0].x, obj.points[0].y); - // for (let i = 1; i < obj.points.length; i++) - // { - // ctx.lineTo(obj.points[i].x, obj.points[i].y); - // } - // ctx.stroke(); - } + for (let obj of doc.objects.filter((o) => o instanceof AltiumWire)) + { + // for (let i = 1; i < obj.points.length; i++) + // { + // obj.points[i].y = 840 - obj.points[i].y + // } + var obj1 = this.graph.getCellAt(obj.points[0].x,obj.points[0].y,parent) + var obj2 = this.graph.getCellAt(obj.points[obj.points.length - 1].x, + obj.points[obj.points.length - 1].y,parent) - for (let obj of doc.objects.filter((o) => o instanceof AltiumSheetSymbol)) - { - // if (!this.#shouldShow(obj)) continue; + console.log(obj1,obj2) + // if (!this.#shouldShow(obj)) continue; + + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.lineWidth = obj.width; + // ctx.beginPath(); + // ctx.moveTo(obj.points[0].x, obj.points[0].y); + // for (let i = 1; i < obj.points.length; i++) + // { + // ctx.lineTo(obj.points[i].x, obj.points[i].y); + // } + // ctx.stroke(); + } + for (let obj of doc.objects.filter((o) => o instanceof AltiumBus)) + { + // if (!this.#shouldShow(obj)) continue; + + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.lineWidth = obj.width; + // ctx.beginPath(); + // ctx.moveTo(obj.points[0].x, obj.points[0].y); + // for (let i = 1; i < obj.points.length; i++) + // { + // ctx.lineTo(obj.points[i].x, obj.points[i].y); + // } + // ctx.stroke(); + } + + for (let obj of doc.objects.filter((o) => o instanceof AltiumSheetSymbol)) + { + // if (!this.#shouldShow(obj)) continue; + // ctx.fillStyle = this.#altiumColourToHex(obj.attributes.areacolor); + + // ctx.fillRect(obj.attributes.location_x, + // obj.attributes.location_y- obj.attributes.ysize, + // obj.attributes.xsize, obj.attributes.ysize); + // ctx.stroke(); + // ctx.strokeStyle = this.#altiumColourToHex(obj.attributes.color); + // ctx.strokeRect(obj.attributes.location_x, + // obj.attributes.location_y- obj.attributes.ysize, + // obj.attributes.xsize, obj.attributes.ysize); + + + // ctx.strokeStyle = "#000080"; + // ctx.lineWidth = obj.width; + // ctx.beginPath(); + // ctx.moveTo(obj.attributes.location_x, obj.attributes.location_y); + // ctx.lineTo(obj.attributes.location_x + obj.attributes.xsize, + // obj.attributes.location_y + obj.attributes.ysize); + // ctx.stroke(); + + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.lineWidth = obj.width; + // ctx.beginPath(); + // ctx.moveTo(obj.points[0].x, obj.points[0].y); + // for (let i = 1; i < obj.points.length; i++) + // { + // ctx.lineTo(obj.points[i].x, obj.points[i].y); + // } + // ctx.stroke(); + } + + var v1 + for (let obj of doc.objects.filter((o) => o instanceof AltiumRectangle)) + { + obj.top = 840 - obj.top + obj.bottom = 840 - obj.bottom + + console.log('verticalLabelPosition=top;verticalAlign=bottom;fillColor=' + + this.#altiumColourToHex(obj.attributes.areacolor)) + v1 = this.graph.insertVertex(parent, null, '', + obj.left, obj.top, + (obj.right - obj.left), + (obj.bottom - obj.top), + 'verticalLabelPosition=top;verticalAlign=bottom;fillColor=' + + this.#altiumColourToHex(obj.attributes.areacolor)); + v1.setConnectable(false); + + // if (!this.#shouldShow(obj)) + // continue; // ctx.fillStyle = this.#altiumColourToHex(obj.attributes.areacolor); // ctx.fillRect(obj.attributes.location_x, - // obj.attributes.location_y- obj.attributes.ysize, - // obj.attributes.xsize, obj.attributes.ysize); + // obj.attributes.location_y, + // obj.attributes.corner_x - obj.attributes.location_x, obj.attributes.corner_y - obj.attributes.location_y); // ctx.stroke(); // ctx.strokeStyle = this.#altiumColourToHex(obj.attributes.color); // ctx.strokeRect(obj.attributes.location_x, - // obj.attributes.location_y- obj.attributes.ysize, - // obj.attributes.xsize, obj.attributes.ysize); + // obj.attributes.location_y, + // obj.attributes.corner_x - obj.attributes.location_x, obj.attributes.corner_y - obj.attributes.location_y); + + } - - // ctx.strokeStyle = "#000080"; - // ctx.lineWidth = obj.width; - // ctx.beginPath(); - // ctx.moveTo(obj.attributes.location_x, obj.attributes.location_y); - // ctx.lineTo(obj.attributes.location_x + obj.attributes.xsize, - // obj.attributes.location_y + obj.attributes.ysize); - // ctx.stroke(); - - // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); - // ctx.lineWidth = obj.width; - // ctx.beginPath(); - // ctx.moveTo(obj.points[0].x, obj.points[0].y); - // for (let i = 1; i < obj.points.length; i++) - // { - // ctx.lineTo(obj.points[i].x, obj.points[i].y); - // } - // ctx.stroke(); - } - for (let obj of doc.objects.filter((o) => o instanceof AltiumRectangle)) - { - // if (!this.#shouldShow(obj)) - // continue; - // ctx.fillStyle = this.#altiumColourToHex(obj.attributes.areacolor); - - // ctx.fillRect(obj.attributes.location_x, - // obj.attributes.location_y, - // obj.attributes.corner_x - obj.attributes.location_x, obj.attributes.corner_y - obj.attributes.location_y); - // ctx.stroke(); - // ctx.strokeStyle = this.#altiumColourToHex(obj.attributes.color); - // ctx.strokeRect(obj.attributes.location_x, - // obj.attributes.location_y, - // obj.attributes.corner_x - obj.attributes.location_x, obj.attributes.corner_y - obj.attributes.location_y); - - } - // todo undo - for (let obj of doc.objects.filter((o) => o instanceof AltiumSheetEntry)) - { - if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); - // ctx.lineWidth = obj.width; - // ctx.beginPath(); - // ctx.moveTo(obj.points[0].x, obj.points[0].y); - // for (let i = 1; i < obj.points.length; i++) - // { - // ctx.lineTo(obj.points[i].x, obj.points[i].y); - // } - // ctx.stroke(); - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumTextFrame)) - { - // if (!this.#shouldShow(obj)) continue; - - // if (!obj.transparent) - // { - // ctx.fillStyle = this.#altiumColourToHex(obj.fill_colour); - // ctx.fillRect(obj.left, obj.top, obj.right - obj.left, - // obj.bottom - obj.top); - // } - // if (obj.show_border) - // { - // ctx.strokeStyle = this.#altiumColourToHex(obj.border_colour); - // ctx.strokeRect(obj.left, obj.top, obj.right - obj.left, - // obj.bottom - obj.top); - // } - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumEllipse)) - { - // if (!this.#shouldShow(obj)) continue; - - // if (!obj.transparent) - // { - // ctx.fillStyle = this.#altiumColourToHex(obj.fill_colour); - // } - // ctx.strokeStyle = this.#altiumColourToHex(obj.line_colour); - // ctx.beginPath(); - // ctx.ellipse(obj.x, obj.y, obj.radius_x, obj.radius_y, 0, 0, Math.PI*2); - // ctx.stroke(); - // if (!obj.transparent) - // ctx.fill(); - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumPin)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = "#000000"; - // ctx.beginPath(); - // ctx.moveTo(obj.x, obj.y); - // ctx.lineTo(obj.x + obj.angle_vec[0] * obj.length, obj.y + obj.angle_vec[1] * obj.length); - // ctx.stroke(); - - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // ctx.beginPath(); - // ctx.ellipse(obj.x + obj.angle_vec[0] * obj.length, obj.y + obj.angle_vec[1] * obj.length, 5, 4, 0, 0, 2*Math.PI); - // ctx.fill(); - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumLine)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); - // ctx.beginPath(); - // ctx.moveTo(obj.x1, obj.y1); - // ctx.lineTo(obj.x2, obj.y2); - // ctx.stroke(); - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumArc)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); - // ctx.lineWidth = obj.width; - // ctx.beginPath(); - // ctx.arc(obj.x, obj.y, obj.radius, obj.start_angle * Math.PI/180, obj.end_angle * Math.PI/180); - // ctx.stroke(); - // ctx.lineWidth = 1; - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumPolyline)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // ctx.lineWidth = obj.width; - - // switch (obj.line_style) - // { - // case 1: - // ctx.setLineDash([4, 4]); - // break; - // case 2: - // ctx.setLineDash([2, 2]); - // break; - // case 3: - // ctx.setLineDash([4, 2, 2, 4]); - // break; - // } - - // ctx.beginPath(); - // ctx.moveTo(obj.points[0].x, obj.points[0].y); - // for (let i = 1; i < obj.points.length; i++) - // { - // ctx.lineTo(obj.points[i].x, obj.points[i].y); - // } - // ctx.stroke(); - - // ctx.setLineDash([]); - - // let pa = null; - // let pb = null; - // let shapeSize = obj.shape_size + 1; - // ctx.lineWidth = shapeSize; - // if (obj.start_shape > 0) - // { - // let pa = obj.points[1]; - // let pb = obj.points[0]; - // let dx = pb.x - pa.x; - // let dy = pb.y - pa.y; - // let angle = Math.atan2(dy, dx); - // const baseSize = 3 + shapeSize; - // let tax = pb.x - Math.cos(angle - Math.PI/6) * baseSize; - // let tay = pb.y - Math.sin(angle - Math.PI/6) * baseSize; - // let tbx = pb.x - Math.cos(angle + Math.PI/6) * baseSize; - // let tby = pb.y - Math.sin(angle + Math.PI/6) * baseSize; - // ctx.beginPath(); - // ctx.moveTo(tax, tay); - // ctx.lineTo(pb.x + Math.cos(angle) * 0.5, pb.y + Math.sin(angle) * 0.5); - // ctx.lineTo(tbx, tby); - // ctx.stroke(); - // if (obj.start_shape == 2 || obj.start_shape == 4) - // ctx.fill(); - // } - // if (obj.end_shape > 0) - // { - // let pa = obj.points[obj.points.length - 2]; - // let pb = obj.points[obj.points.length - 1]; - // let dx = pb.x - pa.x; - // let dy = pb.y - pa.y; - // let angle = Math.atan2(dy, dx); - // const baseSize = 3 + shapeSize; - // let tax = pb.x - Math.cos(angle - Math.PI/6) * baseSize; - // let tay = pb.y - Math.sin(angle - Math.PI/6) * baseSize; - // let tbx = pb.x - Math.cos(angle + Math.PI/6) * baseSize; - // let tby = pb.y - Math.sin(angle + Math.PI/6) * baseSize; - // ctx.beginPath(); - // ctx.moveTo(tax, tay); - // ctx.lineTo(pb.x + Math.cos(angle) * 0.5, pb.y + Math.sin(angle) * 0.5); - // ctx.lineTo(tbx, tby); - // ctx.stroke(); - // if (obj.end_shape == 2 || obj.end_shape == 4) - // ctx.fill(); - // } - // ctx.lineWidth = 1; - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumPolygon)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = this.#altiumColourToHex(obj.line_colour); - // ctx.fillStyle = this.#altiumColourToHex(obj.fill_colour); - // ctx.lineWidth = obj.width; - // ctx.beginPath(); - // ctx.moveTo(obj.points[0].x, obj.points[0].y); - // for (let i = 1; i < obj.points.length; i++) - // { - // ctx.lineTo(obj.points[i].x, obj.points[i].y); - // } - // ctx.closePath(); - // ctx.stroke(); - // ctx.fill(); - // ctx.lineWidth = 1; - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumJunction)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // ctx.beginPath(); - // ctx.ellipse(obj.x, obj.y, 5, 4, 0, 0, 2*Math.PI); - // ctx.fill(); - } - - for (let obj of doc.objects.filter((o) => o instanceof AltiumPowerPort)) - { - // if (!this.#shouldShow(obj)) continue; - - // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // ctx.lineWidth = 1; - // if (!obj.is_off_sheet_connector) - // { - // switch (obj.style) - // { - // case 2: - // ctx.beginPath(); - // ctx.moveTo(obj.x, obj.y); - // ctx.lineTo(obj.x, obj.y + 10); - // ctx.stroke(); - // ctx.beginPath(); - // ctx.moveTo(obj.x - 5, obj.y + 10); - // ctx.lineTo(obj.x + 5, obj.y + 10); - // ctx.stroke(); - // break; - // case 4: - // ctx.beginPath(); - // ctx.moveTo(obj.x - 10, obj.y); - // ctx.lineTo(obj.x + 10, obj.y); - // ctx.stroke(); - // ctx.beginPath(); - // ctx.moveTo(obj.x - 7.5, obj.y - 2); - // ctx.lineTo(obj.x + 7.5, obj.y - 2); - // ctx.stroke(); - // ctx.beginPath(); - // ctx.moveTo(obj.x - 5, obj.y - 4); - // ctx.lineTo(obj.x + 5, obj.y - 4); - // ctx.stroke(); - // ctx.beginPath(); - // ctx.moveTo(obj.x - 2.5, obj.y - 6); - // ctx.lineTo(obj.x + 2.5, obj.y - 6); - // ctx.stroke(); - // break; - // case 6: - // ctx.beginPath(); - // ctx.moveTo(obj.x, obj.y); - // ctx.lineTo(obj.x, obj.y - 5); - // ctx.stroke(); - // ctx.beginPath(); - // ctx.moveTo(obj.x - 5, obj.y - 5); - // ctx.lineTo(obj.x + 5, obj.y - 5); - // ctx.stroke(); - // for (let g = -1; g < 2; g++) - // { - // ctx.beginPath(); - // ctx.moveTo(obj.x + (g * 5), obj.y - 5); - // ctx.lineTo(obj.x + (g * 5) - 3, obj.y - 10); - // ctx.stroke(); - // } - // break; - // default: - // ctx.fillRect(obj.x - 10, obj.y, 20, (obj.orientation == 1) ? 10 : -10); - // break; - // } - // } - // else - // { - // ctx.save(); - // ctx.translate(obj.x, obj.y); - // ctx.rotate((obj.orientation - 1) * Math.PI/2); + // todo undo + for (let obj of doc.objects.filter((o) => o instanceof AltiumSheetEntry)) + { + if (!this.#shouldShow(obj)) continue; - // ctx.beginPath(); - // ctx.moveTo(0, 0); - // ctx.lineTo(-5, 5); - // ctx.stroke(); - // ctx.beginPath(); - // ctx.moveTo(0, 0); - // ctx.lineTo(5, 5); - // ctx.stroke(); - // ctx.beginPath(); - // ctx.moveTo(0, 5); - // ctx.lineTo(-5, 10); - // ctx.stroke(); - // ctx.beginPath(); - // ctx.moveTo(0, 5); - // ctx.lineTo(5, 10); - // ctx.stroke(); + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.lineWidth = obj.width; + // ctx.beginPath(); + // ctx.moveTo(obj.points[0].x, obj.points[0].y); + // for (let i = 1; i < obj.points.length; i++) + // { + // ctx.lineTo(obj.points[i].x, obj.points[i].y); + // } + // ctx.stroke(); + } + + for (let obj of doc.objects.filter((o) => o instanceof AltiumTextFrame)) + { + // if (!this.#shouldShow(obj)) continue; - // ctx.restore(); - // } - //ctx.fillText(obj.style.toString(), obj.x, obj.y); - } + // if (!obj.transparent) + // { + // ctx.fillStyle = this.#altiumColourToHex(obj.fill_colour); + // ctx.fillRect(obj.left, obj.top, obj.right - obj.left, + // obj.bottom - obj.top); + // } + // if (obj.show_border) + // { + // ctx.strokeStyle = this.#altiumColourToHex(obj.border_colour); + // ctx.strokeRect(obj.left, obj.top, obj.right - obj.left, + // obj.bottom - obj.top); + // } + } - // store the transform for recovery later - // let savedTransform = ctx.getTransform(); - // ctx.resetTransform(); + for (let obj of doc.objects.filter((o) => o instanceof AltiumEllipse)) + { + // if (!this.#shouldShow(obj)) continue; + + // if (!obj.transparent) + // { + // ctx.fillStyle = this.#altiumColourToHex(obj.fill_colour); + // } + // ctx.strokeStyle = this.#altiumColourToHex(obj.line_colour); + // ctx.beginPath(); + // ctx.ellipse(obj.x, obj.y, obj.radius_x, obj.radius_y, 0, 0, Math.PI*2); + // ctx.stroke(); + // if (!obj.transparent) + // ctx.fill(); + } + console.log(doc.objects) + for (let obj of doc.objects.filter((o) => o instanceof AltiumPin)) + { + var style = 'shape=line;fontColor=#000000;strokeColor=#000000;' + if(obj.angle == 90){ + style += 'rotation=90' + obj.y = obj.y + obj.length/2 + obj.x = obj.x - obj.length/2 + } + if(obj.angle == 180){ + obj.x = obj.x - obj.length + } + if(obj.angle == 270){ + style += 'rotation=90' + obj.y = obj.y - obj.length/2 + obj.x = obj.x - obj.length/2 - for (let obj of doc.objects.filter((o) => o instanceof AltiumLabel)) - { - // if (!this.#shouldShow(obj)) continue; - - // if (obj.hidden) - // continue; - // ctx.textAlign = ["left", "center", "right"][obj.justification]; - // ctx.textBaseline = ["bottom", "bottom", "top", "top"][obj.orientation]; - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // ctx.save(); - // ctx.translate(obj.x, canvas.height - obj.y); - // ctx.rotate(obj.orientation * -Math.PI/2); - // ctx.fillText(obj.text, 0, 0); - // ctx.restore(); - } - // ctx.textAlign = "left"; - // ctx.textBaseline = "bottom"; + } + obj.y = 840 - obj.y - for (let obj of doc.objects.filter((o) => o instanceof AltiumDesignator)) - { - // if (!this.#shouldShow(obj)) continue; - - // if (obj.hidden) - // continue; - // ctx.textAlign = ["left", "left", "right", "right"][obj.orientation]; - // ctx.textBaseline = ["bottom", "bottom", "top", "top"][obj.orientation]; - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // ctx.fillText(obj.full_designator, obj.x, canvas.height - obj.y); - } - // ctx.textAlign = "left"; - // ctx.textBaseline = "bottom"; + // console.log(style) + var v11 = this.graph.insertVertex(parent, null, '', obj.x, obj.y, + obj.length, 1, + style); + v11.geometry.relative = false; + v11.setConnectable(true); + // v11.geometry.offset = new mxPoint(-v11.geometry.width, 2); // ctx.strokeStyle = "#000000"; + // ctx.beginPath(); + // ctx.moveTo(obj.x, obj.y); + // ctx.lineTo(obj.x + obj.angle_vec[0] * obj.length, obj.y + obj.angle_vec[1] * obj.length); + // ctx.stroke(); - for (let obj of doc.objects.filter((o) => o instanceof AltiumParameter)) - { - // if (!this.#shouldShow(obj)) continue; - - // if (obj.hidden || obj.is_implementation_parameter) - // continue; - - // ctx.textAlign = ["left", "left", "right", "right"][obj.orientation]; - // ctx.textBaseline = ["bottom", "bottom", "top", "top"][obj.orientation]; - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // if (obj.orientation == 1) - // { - // ctx.save(); - // ctx.translate(obj.x, canvas.height - obj.y); - // ctx.rotate(-Math.PI/2); - // ctx.fillText(obj.text, 0, 0); - // ctx.restore(); - // } - // else if (obj.orientation == 3) - // { - // ctx.save(); - // ctx.translate(obj.x, canvas.height - obj.y); - // ctx.rotate(Math.PI/2); - // ctx.fillText(obj.text, 0, 0); - // ctx.restore(); - // } - // else - // { - // ctx.fillText(obj.text, obj.x, canvas.height - obj.y); - // } - } - // ctx.textAlign = "left"; - // ctx.textBaseline = "bottom"; + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // ctx.beginPath(); + // ctx.ellipse(obj.x + obj.angle_vec[0] * obj.length, obj.y + obj.angle_vec[1] * obj.length, 5, 4, 0, 0, 2*Math.PI); + // ctx.fill(); + } - for (let obj of doc.objects.filter((o) => o instanceof AltiumNetLabel)) - { - // if (!this.#shouldShow(obj)) continue; - // if (obj.hidden) - // continue; - // ctx.textAlign = ["left", "center", "right"][obj.justification]; - // ctx.textBaseline = ["bottom", "bottom", "top", "top"][obj.orientation]; - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // if (obj.orientation == 1) - // { - // ctx.save(); - // ctx.translate(obj.x, canvas.height - obj.y); - // ctx.rotate(-Math.PI/2); - // ctx.fillText(obj.text, 0, 0); - // ctx.restore(); - // } - // else if (obj.orientation == 3) - // { - // ctx.save(); - // ctx.translate(obj.x, canvas.height - obj.y); - // ctx.rotate(Math.PI/2); - // ctx.fillText(obj.text, 0, 0); - // ctx.restore(); - // } - // else - // { - // ctx.fillText(obj.text, obj.x, canvas.height - obj.y); - // } - } - // ctx.textAlign = "left"; - // ctx.textBaseline = "bottom"; + for (let obj of doc.objects.filter((o) => o instanceof AltiumLine)) + { - for (let obj of doc.objects.filter((o) => o instanceof AltiumPin)) - { - // if (!this.#shouldShow(obj)) continue; + // if (!this.#shouldShow(obj)) continue; + + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.beginPath(); + // ctx.moveTo(obj.x1, obj.y1); + // ctx.lineTo(obj.x2, obj.y2); + // ctx.stroke(); + } + + for (let obj of doc.objects.filter((o) => o instanceof AltiumArc)) + { + // if (!this.#shouldShow(obj)) continue; + + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.lineWidth = obj.width; + // ctx.beginPath(); + // ctx.arc(obj.x, obj.y, obj.radius, obj.start_angle * Math.PI/180, obj.end_angle * Math.PI/180); + // ctx.stroke(); + // ctx.lineWidth = 1; + } + + for (let obj of doc.objects.filter((o) => o instanceof AltiumPolyline)) + { + // if (!this.#shouldShow(obj)) continue; + + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // ctx.lineWidth = obj.width; + + // switch (obj.line_style) + // { + // case 1: + // ctx.setLineDash([4, 4]); + // break; + // case 2: + // ctx.setLineDash([2, 2]); + // break; + // case 3: + // ctx.setLineDash([4, 2, 2, 4]); + // break; + // } + + // ctx.beginPath(); + // ctx.moveTo(obj.points[0].x, obj.points[0].y); + // for (let i = 1; i < obj.points.length; i++) + // { + // ctx.lineTo(obj.points[i].x, obj.points[i].y); + // } + // ctx.stroke(); + + // ctx.setLineDash([]); + + // let pa = null; + // let pb = null; + // let shapeSize = obj.shape_size + 1; + // ctx.lineWidth = shapeSize; + // if (obj.start_shape > 0) + // { + // let pa = obj.points[1]; + // let pb = obj.points[0]; + // let dx = pb.x - pa.x; + // let dy = pb.y - pa.y; + // let angle = Math.atan2(dy, dx); + // const baseSize = 3 + shapeSize; + // let tax = pb.x - Math.cos(angle - Math.PI/6) * baseSize; + // let tay = pb.y - Math.sin(angle - Math.PI/6) * baseSize; + // let tbx = pb.x - Math.cos(angle + Math.PI/6) * baseSize; + // let tby = pb.y - Math.sin(angle + Math.PI/6) * baseSize; + // ctx.beginPath(); + // ctx.moveTo(tax, tay); + // ctx.lineTo(pb.x + Math.cos(angle) * 0.5, pb.y + Math.sin(angle) * 0.5); + // ctx.lineTo(tbx, tby); + // ctx.stroke(); + // if (obj.start_shape == 2 || obj.start_shape == 4) + // ctx.fill(); + // } + // if (obj.end_shape > 0) + // { + // let pa = obj.points[obj.points.length - 2]; + // let pb = obj.points[obj.points.length - 1]; + // let dx = pb.x - pa.x; + // let dy = pb.y - pa.y; + // let angle = Math.atan2(dy, dx); + // const baseSize = 3 + shapeSize; + // let tax = pb.x - Math.cos(angle - Math.PI/6) * baseSize; + // let tay = pb.y - Math.sin(angle - Math.PI/6) * baseSize; + // let tbx = pb.x - Math.cos(angle + Math.PI/6) * baseSize; + // let tby = pb.y - Math.sin(angle + Math.PI/6) * baseSize; + // ctx.beginPath(); + // ctx.moveTo(tax, tay); + // ctx.lineTo(pb.x + Math.cos(angle) * 0.5, pb.y + Math.sin(angle) * 0.5); + // ctx.lineTo(tbx, tby); + // ctx.stroke(); + // if (obj.end_shape == 2 || obj.end_shape == 4) + // ctx.fill(); + // } + // ctx.lineWidth = 1; + } + + for (let obj of doc.objects.filter((o) => o instanceof AltiumPolygon)) + { + // if (!this.#shouldShow(obj)) continue; + + // ctx.strokeStyle = this.#altiumColourToHex(obj.line_colour); + // ctx.fillStyle = this.#altiumColourToHex(obj.fill_colour); + // ctx.lineWidth = obj.width; + // ctx.beginPath(); + // ctx.moveTo(obj.points[0].x, obj.points[0].y); + // for (let i = 1; i < obj.points.length; i++) + // { + // ctx.lineTo(obj.points[i].x, obj.points[i].y); + // } + // ctx.closePath(); + // ctx.stroke(); + // ctx.fill(); + // ctx.lineWidth = 1; + } + + for (let obj of doc.objects.filter((o) => o instanceof AltiumJunction)) + { + // if (!this.#shouldShow(obj)) continue; + + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // ctx.beginPath(); + // ctx.ellipse(obj.x, obj.y, 5, 4, 0, 0, 2*Math.PI); + // ctx.fill(); + } + + for (let obj of doc.objects.filter((o) => o instanceof AltiumPowerPort)) + { + // if (!this.#shouldShow(obj)) continue; + + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // ctx.lineWidth = 1; + // if (!obj.is_off_sheet_connector) + // { + // switch (obj.style) + // { + // case 2: + // ctx.beginPath(); + // ctx.moveTo(obj.x, obj.y); + // ctx.lineTo(obj.x, obj.y + 10); + // ctx.stroke(); + // ctx.beginPath(); + // ctx.moveTo(obj.x - 5, obj.y + 10); + // ctx.lineTo(obj.x + 5, obj.y + 10); + // ctx.stroke(); + // break; + // case 4: + // ctx.beginPath(); + // ctx.moveTo(obj.x - 10, obj.y); + // ctx.lineTo(obj.x + 10, obj.y); + // ctx.stroke(); + // ctx.beginPath(); + // ctx.moveTo(obj.x - 7.5, obj.y - 2); + // ctx.lineTo(obj.x + 7.5, obj.y - 2); + // ctx.stroke(); + // ctx.beginPath(); + // ctx.moveTo(obj.x - 5, obj.y - 4); + // ctx.lineTo(obj.x + 5, obj.y - 4); + // ctx.stroke(); + // ctx.beginPath(); + // ctx.moveTo(obj.x - 2.5, obj.y - 6); + // ctx.lineTo(obj.x + 2.5, obj.y - 6); + // ctx.stroke(); + // break; + // case 6: + // ctx.beginPath(); + // ctx.moveTo(obj.x, obj.y); + // ctx.lineTo(obj.x, obj.y - 5); + // ctx.stroke(); + // ctx.beginPath(); + // ctx.moveTo(obj.x - 5, obj.y - 5); + // ctx.lineTo(obj.x + 5, obj.y - 5); + // ctx.stroke(); + // for (let g = -1; g < 2; g++) + // { + // ctx.beginPath(); + // ctx.moveTo(obj.x + (g * 5), obj.y - 5); + // ctx.lineTo(obj.x + (g * 5) - 3, obj.y - 10); + // ctx.stroke(); + // } + // break; + // default: + // ctx.fillRect(obj.x - 10, obj.y, 20, (obj.orientation == 1) ? 10 : -10); + // break; + // } + // } + // else + // { + // ctx.save(); + // ctx.translate(obj.x, obj.y); + // ctx.rotate((obj.orientation - 1) * Math.PI/2); + + // ctx.beginPath(); + // ctx.moveTo(0, 0); + // ctx.lineTo(-5, 5); + // ctx.stroke(); + // ctx.beginPath(); + // ctx.moveTo(0, 0); + // ctx.lineTo(5, 5); + // ctx.stroke(); + // ctx.beginPath(); + // ctx.moveTo(0, 5); + // ctx.lineTo(-5, 10); + // ctx.stroke(); + // ctx.beginPath(); + // ctx.moveTo(0, 5); + // ctx.lineTo(5, 10); + // ctx.stroke(); + + // ctx.restore(); + // } + //ctx.fillText(obj.style.toString(), obj.x, obj.y); + } + + // store the transform for recovery later + // let savedTransform = ctx.getTransform(); + // ctx.resetTransform(); + + for (let obj of doc.objects.filter((o) => o instanceof AltiumLabel)) + { + // if (!this.#shouldShow(obj)) continue; + + // if (obj.hidden) + // continue; + // ctx.textAlign = ["left", "center", "right"][obj.justification]; + // ctx.textBaseline = ["bottom", "bottom", "top", "top"][obj.orientation]; + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // ctx.save(); + // ctx.translate(obj.x, canvas.height - obj.y); + // ctx.rotate(obj.orientation * -Math.PI/2); + // ctx.fillText(obj.text, 0, 0); + // ctx.restore(); + } + // ctx.textAlign = "left"; + // ctx.textBaseline = "bottom"; + + for (let obj of doc.objects.filter((o) => o instanceof AltiumDesignator)) + { + // if (!this.#shouldShow(obj)) continue; + + // if (obj.hidden) + // continue; + // ctx.textAlign = ["left", "left", "right", "right"][obj.orientation]; + // ctx.textBaseline = ["bottom", "bottom", "top", "top"][obj.orientation]; + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // ctx.fillText(obj.full_designator, obj.x, canvas.height - obj.y); + } + // ctx.textAlign = "left"; + // ctx.textBaseline = "bottom"; + + for (let obj of doc.objects.filter((o) => o instanceof AltiumParameter)) + { + // if (!this.#shouldShow(obj)) continue; + + // if (obj.hidden || obj.is_implementation_parameter) + // continue; + + // ctx.textAlign = ["left", "left", "right", "right"][obj.orientation]; + // ctx.textBaseline = ["bottom", "bottom", "top", "top"][obj.orientation]; + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // if (obj.orientation == 1) + // { + // ctx.save(); + // ctx.translate(obj.x, canvas.height - obj.y); + // ctx.rotate(-Math.PI/2); + // ctx.fillText(obj.text, 0, 0); + // ctx.restore(); + // } + // else if (obj.orientation == 3) + // { + // ctx.save(); + // ctx.translate(obj.x, canvas.height - obj.y); + // ctx.rotate(Math.PI/2); + // ctx.fillText(obj.text, 0, 0); + // ctx.restore(); + // } + // else + // { + // ctx.fillText(obj.text, obj.x, canvas.height - obj.y); + // } + } + // ctx.textAlign = "left"; + // ctx.textBaseline = "bottom"; + + for (let obj of doc.objects.filter((o) => o instanceof AltiumNetLabel)) + { + // if (!this.#shouldShow(obj)) continue; + + // if (obj.hidden) + // continue; + // ctx.textAlign = ["left", "center", "right"][obj.justification]; + // ctx.textBaseline = ["bottom", "bottom", "top", "top"][obj.orientation]; + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // if (obj.orientation == 1) + // { + // ctx.save(); + // ctx.translate(obj.x, canvas.height - obj.y); + // ctx.rotate(-Math.PI/2); + // ctx.fillText(obj.text, 0, 0); + // ctx.restore(); + // } + // else if (obj.orientation == 3) + // { + // ctx.save(); + // ctx.translate(obj.x, canvas.height - obj.y); + // ctx.rotate(Math.PI/2); + // ctx.fillText(obj.text, 0, 0); + // ctx.restore(); + // } + // else + // { + // ctx.fillText(obj.text, obj.x, canvas.height - obj.y); + // } + } + // ctx.textAlign = "left"; + // ctx.textBaseline = "bottom"; + + for (let obj of doc.objects.filter((o) => o instanceof AltiumPin)) + { + // if (!this.#shouldShow(obj)) continue; + + // if (!obj.show_name) + // continue; + // ctx.textAlign = ["right", "right", "left", "right"][obj.orientation]; + // ctx.textBaseline = "middle"; + // let objName = obj.name; + // let inverted = false; + // if (obj.name.includes("\\")) + // { + // objName = obj.name.replaceAll("\\", ""); + // inverted = true; + // } + // if (obj.name_orientation != 0) + // { + // ctx.textBaseline = ["middle", "top", "middle", "bottom"][obj.orientation]; + // if (obj.name_orientation <= 3) + // ctx.textAlign = ["left", "center", "right"][obj.name_orientation-1]; + // else + // ctx.textAlign = "center"; + // } + // let margin_x = [-1, 0, 1, 0][obj.orientation] * 2; + // let margin_y = [0, -1, 0, 1][obj.orientation] * 2; + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // ctx.strokeStyle = ctx.fillStyle; + // ctx.lineWidth = 1; + // if (obj.orientation == 1 && obj.name_orientation == 0) + // { + // ctx.save(); + // ctx.translate(obj.x + margin_x, canvas.height - (obj.y + margin_y)); + // ctx.rotate(-Math.PI/2); + // ctx.fillText(objName, 0, 0); + // if (inverted) + // { + // // todo: test this + // let textSize = ctx.measureText(objName); + // ctx.beginPath(); + // ctx.moveTo(0, textSize.actualBoundingBoxAscent + 2); + // ctx.lineTo(textSize.width, textSize.actualBoundingBoxAscent + 2); + // ctx.stroke(); + // } + // ctx.restore(); + // } + // else if (obj.orientation == 3 && obj.name_orientation == 0) + // { + // ctx.save(); + // ctx.translate(obj.x + margin_x, canvas.height - (obj.y + margin_y)); + // ctx.rotate(Math.PI/2); + // ctx.fillText(objName, 0, 0); + // if (inverted) + // { + // // todo: test this + // let textSize = ctx.measureText(objName); + // ctx.beginPath(); + // ctx.moveTo(0, textSize.actualBoundingBoxAscent + 2); + // ctx.lineTo(textSize.width, textSize.actualBoundingBoxAscent + 2); + // ctx.stroke(); + // } + // ctx.restore(); + // } + // else + // { + // ctx.fillText(objName, obj.x + margin_x, canvas.height - (obj.y + margin_y)); + // if (inverted) + // { + // let textSize = ctx.measureText(objName); + // let offset = 0; + // switch (ctx.textAlign) + // { + // case "center": + // offset = -(textSize.width/2); + // break; + // case "right": + // offset = -textSize.width; + // break; + // case "left": + // offset = 0; + // break; + // default: + // offset = 0; + // break; + // } + // ctx.beginPath(); + // ctx.moveTo(obj.x + margin_x + offset, canvas.height - (obj.y + margin_y + textSize.actualBoundingBoxAscent + 2)); + // ctx.lineTo(obj.x + margin_x + offset + textSize.width, canvas.height - (obj.y + margin_y + textSize.actualBoundingBoxAscent + 2)); + // ctx.stroke(); + // } + // } + + // ctx.setLineDash([]); + } + // ctx.textAlign = "left"; + // ctx.textBaseline = "bottom"; + + for (let obj of doc.objects.filter((o) => o instanceof AltiumPowerPort)) + { + // if (!this.#shouldShow(obj)) continue; + + // if (!obj.show_text) + // continue; + // ctx.fillStyle = this.#altiumColourToHex(obj.colour); + // ctx.textBaseline = ["middle", "top", "middle", "bottom"][obj.orientation]; + // ctx.textAlign = ["left", "center", "right", "center"][obj.orientation]; + // let offset_x = [12, 0, -12, 0][obj.orientation]; + // let offset_y = [0, 20, 0, -20][obj.orientation]; + // ctx.fillText(obj.text, obj.x + offset_x, canvas.height - (obj.y + offset_y)); + } - // if (!obj.show_name) - // continue; - // ctx.textAlign = ["right", "right", "left", "right"][obj.orientation]; + // ctx.textAlign = "left"; // ctx.textBaseline = "middle"; - // let objName = obj.name; - // let inverted = false; - // if (obj.name.includes("\\")) - // { - // objName = obj.name.replaceAll("\\", ""); - // inverted = true; - // } - // if (obj.name_orientation != 0) - // { - // ctx.textBaseline = ["middle", "top", "middle", "bottom"][obj.orientation]; - // if (obj.name_orientation <= 3) - // ctx.textAlign = ["left", "center", "right"][obj.name_orientation-1]; - // else - // ctx.textAlign = "center"; - // } - // let margin_x = [-1, 0, 1, 0][obj.orientation] * 2; - // let margin_y = [0, -1, 0, 1][obj.orientation] * 2; - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // ctx.strokeStyle = ctx.fillStyle; - // ctx.lineWidth = 1; - // if (obj.orientation == 1 && obj.name_orientation == 0) - // { - // ctx.save(); - // ctx.translate(obj.x + margin_x, canvas.height - (obj.y + margin_y)); - // ctx.rotate(-Math.PI/2); - // ctx.fillText(objName, 0, 0); - // if (inverted) - // { - // // todo: test this - // let textSize = ctx.measureText(objName); - // ctx.beginPath(); - // ctx.moveTo(0, textSize.actualBoundingBoxAscent + 2); - // ctx.lineTo(textSize.width, textSize.actualBoundingBoxAscent + 2); - // ctx.stroke(); - // } - // ctx.restore(); - // } - // else if (obj.orientation == 3 && obj.name_orientation == 0) - // { - // ctx.save(); - // ctx.translate(obj.x + margin_x, canvas.height - (obj.y + margin_y)); - // ctx.rotate(Math.PI/2); - // ctx.fillText(objName, 0, 0); - // if (inverted) - // { - // // todo: test this - // let textSize = ctx.measureText(objName); - // ctx.beginPath(); - // ctx.moveTo(0, textSize.actualBoundingBoxAscent + 2); - // ctx.lineTo(textSize.width, textSize.actualBoundingBoxAscent + 2); - // ctx.stroke(); - // } - // ctx.restore(); - // } - // else - // { - // ctx.fillText(objName, obj.x + margin_x, canvas.height - (obj.y + margin_y)); - // if (inverted) - // { - // let textSize = ctx.measureText(objName); - // let offset = 0; - // switch (ctx.textAlign) - // { - // case "center": - // offset = -(textSize.width/2); - // break; - // case "right": - // offset = -textSize.width; - // break; - // case "left": - // offset = 0; - // break; - // default: - // offset = 0; - // break; - // } - // ctx.beginPath(); - // ctx.moveTo(obj.x + margin_x + offset, canvas.height - (obj.y + margin_y + textSize.actualBoundingBoxAscent + 2)); - // ctx.lineTo(obj.x + margin_x + offset + textSize.width, canvas.height - (obj.y + margin_y + textSize.actualBoundingBoxAscent + 2)); - // ctx.stroke(); - // } - // } - - // ctx.setLineDash([]); - } - // ctx.textAlign = "left"; - // ctx.textBaseline = "bottom"; + // let savedFont = ctx.font; + for (let obj of doc.objects.filter((o) => o instanceof AltiumTextFrame)) + { + // if (!this.#shouldShow(obj)) continue; + + // if (obj.font_id > 0 && doc.sheet.fonts[obj.font_id] != null) + // { + // const frameFont = doc.sheet.fonts[obj.font_id]; + // const fontStr = (frameFont.size - 1).toString() + "px " + frameFont.name; + // if (fontStr.includes(":") || fontStr.includes("/") || !document.fonts.check(fontStr)) + // { + // ctx.font = savedFont; + // } + // else + // { + // ctx.font = fontStr; + // } + // } + + // ctx.fillStyle = this.#altiumColourToHex(obj.text_colour); + // ctx.textAlign = ["center", "left", "right"][obj.alignment]; + // let offset_x = [(obj.right-obj.left)/2, obj.text_margin, (obj.right-obj.left) - obj.text_margin][obj.alignment]; + // if (!obj.word_wrap) + // { + // ctx.fillText(obj.text.replaceAll("~1", "\n"), obj.left + offset_x, canvas.height - (obj.top + (obj.bottom-obj.top)/2)); + // } + // else + // { + // // todo: refactor this so that an initial pass figures out all the line splits, then a second pass writes the text, so that vertical alignment can be supported. + // const text = obj.text.replaceAll("~1", "\n"); + // const lines = text.split("\n"); + // let ypos = 0; + // if (lines.length > 1) + // { + // // this is a total hack, but if there are multiple lines in the text then we can make a rough guess at how far up we need to shift the text to center it vertically + // // this doesn't correct for line wraps (see todo above for refactoring approach) but it's at least something I guess! + // const roughMeasure = ctx.measureText(text); + // ypos = ((roughMeasure.fontBoundingBoxDescent + roughMeasure.fontBoundingBoxAscent) * -lines.length) / 2; + // } + // const maxWidth = (obj.right - obj.left) + (obj.text_margin * 2); + // for (let line of lines) + // { + // const lineMeasure = ctx.measureText(line); + // if (lineMeasure.width <= maxWidth) + // { + // ctx.fillText(line, obj.left + offset_x, (canvas.height - (obj.top + (obj.bottom-obj.top)/2)) + ypos); + // ypos += lineMeasure.fontBoundingBoxDescent + lineMeasure.fontBoundingBoxAscent; + // } + // else + // { + // let words = line.split(" "); + // while (words.length > 0) + // { + // if (words.length == 1) + // { + // // we only have one word, either because that's just how many we had or because the final word is super long + // const lastWord = words[0]; + // const lastWordMeasure = ctx.measureText(lastWord); + // ctx.fillText(lastWord, obj.left + offset_x, (canvas.height - (obj.top + (obj.bottom-obj.top)/2)) + ypos); + // ypos += lastWordMeasure.fontBoundingBoxDescent + lineMeasure.fontBoundingBoxAscent; + // words = []; + // break; + // } + // for (let wc = words.length; wc > 0; wc--) + // { + // const partialLine = words.slice(0, wc - 1).join(" "); + // const partialMeasure = ctx.measureText(partialLine); + // if (partialMeasure.width <= maxWidth || wc == 1) + // { + // ctx.fillText(partialLine, obj.left + offset_x, (canvas.height - (obj.top + (obj.bottom-obj.top)/2)) + ypos); + // ypos += partialMeasure.fontBoundingBoxDescent + lineMeasure.fontBoundingBoxAscent; + // words = words.slice(wc - 1); + // break; + // } + // } + // } + // } + // } + // } + } - for (let obj of doc.objects.filter((o) => o instanceof AltiumPowerPort)) - { - // if (!this.#shouldShow(obj)) continue; - - // if (!obj.show_text) - // continue; - // ctx.fillStyle = this.#altiumColourToHex(obj.colour); - // ctx.textBaseline = ["middle", "top", "middle", "bottom"][obj.orientation]; - // ctx.textAlign = ["left", "center", "right", "center"][obj.orientation]; - // let offset_x = [12, 0, -12, 0][obj.orientation]; - // let offset_y = [0, 20, 0, -20][obj.orientation]; - // ctx.fillText(obj.text, obj.x + offset_x, canvas.height - (obj.y + offset_y)); - } - - // ctx.textAlign = "left"; - // ctx.textBaseline = "middle"; - // let savedFont = ctx.font; - for (let obj of doc.objects.filter((o) => o instanceof AltiumTextFrame)) - { - // if (!this.#shouldShow(obj)) continue; - - // if (obj.font_id > 0 && doc.sheet.fonts[obj.font_id] != null) - // { - // const frameFont = doc.sheet.fonts[obj.font_id]; - // const fontStr = (frameFont.size - 1).toString() + "px " + frameFont.name; - // if (fontStr.includes(":") || fontStr.includes("/") || !document.fonts.check(fontStr)) - // { - // ctx.font = savedFont; - // } - // else - // { - // ctx.font = fontStr; - // } - // } - - // ctx.fillStyle = this.#altiumColourToHex(obj.text_colour); - // ctx.textAlign = ["center", "left", "right"][obj.alignment]; - // let offset_x = [(obj.right-obj.left)/2, obj.text_margin, (obj.right-obj.left) - obj.text_margin][obj.alignment]; - // if (!obj.word_wrap) - // { - // ctx.fillText(obj.text.replaceAll("~1", "\n"), obj.left + offset_x, canvas.height - (obj.top + (obj.bottom-obj.top)/2)); - // } - // else - // { - // // todo: refactor this so that an initial pass figures out all the line splits, then a second pass writes the text, so that vertical alignment can be supported. - // const text = obj.text.replaceAll("~1", "\n"); - // const lines = text.split("\n"); - // let ypos = 0; - // if (lines.length > 1) - // { - // // this is a total hack, but if there are multiple lines in the text then we can make a rough guess at how far up we need to shift the text to center it vertically - // // this doesn't correct for line wraps (see todo above for refactoring approach) but it's at least something I guess! - // const roughMeasure = ctx.measureText(text); - // ypos = ((roughMeasure.fontBoundingBoxDescent + roughMeasure.fontBoundingBoxAscent) * -lines.length) / 2; - // } - // const maxWidth = (obj.right - obj.left) + (obj.text_margin * 2); - // for (let line of lines) - // { - // const lineMeasure = ctx.measureText(line); - // if (lineMeasure.width <= maxWidth) - // { - // ctx.fillText(line, obj.left + offset_x, (canvas.height - (obj.top + (obj.bottom-obj.top)/2)) + ypos); - // ypos += lineMeasure.fontBoundingBoxDescent + lineMeasure.fontBoundingBoxAscent; - // } - // else - // { - // let words = line.split(" "); - // while (words.length > 0) - // { - // if (words.length == 1) - // { - // // we only have one word, either because that's just how many we had or because the final word is super long - // const lastWord = words[0]; - // const lastWordMeasure = ctx.measureText(lastWord); - // ctx.fillText(lastWord, obj.left + offset_x, (canvas.height - (obj.top + (obj.bottom-obj.top)/2)) + ypos); - // ypos += lastWordMeasure.fontBoundingBoxDescent + lineMeasure.fontBoundingBoxAscent; - // words = []; - // break; - // } - // for (let wc = words.length; wc > 0; wc--) - // { - // const partialLine = words.slice(0, wc - 1).join(" "); - // const partialMeasure = ctx.measureText(partialLine); - // if (partialMeasure.width <= maxWidth || wc == 1) - // { - // ctx.fillText(partialLine, obj.left + offset_x, (canvas.height - (obj.top + (obj.bottom-obj.top)/2)) + ypos); - // ypos += partialMeasure.fontBoundingBoxDescent + lineMeasure.fontBoundingBoxAscent; - // words = words.slice(wc - 1); - // break; - // } - // } - // } - // } - // } - // } - } - // ctx.font = savedFont; - - // ctx.textAlign = "left"; - // ctx.textBaseline = "bottom"; + for (let obj of doc.objects.filter((o) => o instanceof AltiumWire)) + { + let poi = [] + for (let i = 0; i < obj.points.length; i++) { + obj.points[i].y = 840 - obj.points[i].y + if((i != 0) &&(i != obj.points.length)){ + poi.push(new mxPoint(obj.points[i].x , obj.points[i].y)) + } + } - // ctx.setTransform(savedTransform); + var e6 = this.graph.insertEdge(parent, null, '') + e6.geometry.points = poi - // savedFont = ctx.font; - // ctx.textAlign = "left"; - // ctx.font = "bold 33px sans-serif"; - // ctx.fillStyle = "#000000"; - // ctx.globalAlpha = 0.2; - // ctx.save(); - // ctx.scale(1,-1); - // ctx.fillText("Preview generated by altium.js", 10, -(canvas.height - 50)); - // ctx.font = "bold 15px sans-serif"; - // ctx.fillText("for reference purposes only. schematic accuracy not guaranteed.", 12, -(canvas.height - 75)); - // ctx.restore(); - // ctx.globalAlpha = 1; - // ctx.font = savedFont; + e6.geometry.setTerminalPoint(new mxPoint(obj.points[0].x, obj.points[0].y), true) + + e6.geometry.setTerminalPoint(new mxPoint(obj.points[obj.points.length - 1].x, + obj.points[obj.points.length - 1].y), false) + + var obj1 = this.graph.getCellAt(obj.points[0].x,obj.points[0].y,parent) + var obj2 = this.graph.getCellAt(obj.points[obj.points.length - 1].x, + obj.points[obj.points.length - 1].y,parent) + for (let i in this.graph.model.cells){ + if(this.graph.model.cells[i].geometry != undefined){ + // + if((this.graph.model.cells[i].geometry['x'] == obj.points[0].x) + &&(this.graph.model.cells[i].geometry['y'] == obj.points[0].y)){ + console.log("find first") + console.log(this.graph.model.cells[i].geometry) + } + } + } + // if (!this.#shouldShow(obj)) continue; + + // ctx.strokeStyle = this.#altiumColourToHex(obj.colour); + // ctx.lineWidth = obj.width; + // ctx.beginPath(); + // ctx.moveTo(obj.points[0].x, obj.points[0].y); + // for (let i = 1; i < obj.points.length; i++) + // { + // ctx.lineTo(obj.points[i].x, obj.points[i].y); + // } + // ctx.stroke(); + } + } + finally{ + this.graph.getModel().endUpdate(); + } + // ctx.font = savedFont; + + // ctx.textAlign = "left"; + // ctx.textBaseline = "bottom"; + + // ctx.setTransform(savedTransform); + + // savedFont = ctx.font; + // ctx.textAlign = "left"; + // ctx.font = "bold 33px sans-serif"; + // ctx.fillStyle = "#000000"; + // ctx.globalAlpha = 0.2; + // ctx.save(); + // ctx.scale(1,-1); + // ctx.fillText("Preview generated by altium.js", 10, -(canvas.height - 50)); + // ctx.font = "bold 15px sans-serif"; + // ctx.fillText("for reference purposes only. schematic accuracy not guaranteed.", 12, -(canvas.height - 75)); + // ctx.restore(); + // ctx.globalAlpha = 1; + // ctx.font = savedFont; } } \ No newline at end of file