// Copyright (C) 2019 The Android Open Source Project // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. export function cropText(str: string, charWidth: number, rectWidth: number) { const maxTextWidth = rectWidth - 4; let displayText = ''; const nameLength = str.length * charWidth; if (nameLength < maxTextWidth) { displayText = str; } else { // -3 for the 3 ellipsis. const displayedChars = Math.floor(maxTextWidth / charWidth) - 3; if (displayedChars > 3) { displayText = str.substring(0, displayedChars) + '...'; } } return displayText; } export function drawDoubleHeadedArrow( ctx: CanvasRenderingContext2D, x: number, y: number, length: number, showArrowHeads: boolean, width = 2, color = 'black') { ctx.beginPath(); ctx.lineWidth = width; ctx.lineCap = 'round'; ctx.strokeStyle = color; ctx.moveTo(x, y); ctx.lineTo(x + length, y); ctx.stroke(); ctx.closePath(); // Arrowheads on the each end of the line. if (showArrowHeads) { ctx.beginPath(); ctx.moveTo(x + length - 8, y - 4); ctx.lineTo(x + length, y); ctx.lineTo(x + length - 8, y + 4); ctx.stroke(); ctx.closePath(); ctx.beginPath(); ctx.moveTo(x + 8, y - 4); ctx.lineTo(x, y); ctx.lineTo(x + 8, y + 4); ctx.stroke(); ctx.closePath(); } }