Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Xin trợ giúp Js

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi duyvain, 26/8/21.

Lượt xem: 2,413

  1. duyvain Mới đăng kí

    Mình có một tệp main. js, trong đó có một đoạn để build text với thuộc tính như sau:

    if (addColorLabels) {
    const txt = document.createElementNS(xmlns, "text");
    txt.setAttribute("font-family", "Tahoma");
    const nrOfDigits = (f.color + "").length;
    txt.setAttribute("font-size", (fontSize / nrOfDigits) + "");
    txt.setAttribute("dominant-baseline", "middle");
    txt.setAttribute("text-anchor", "middle");
    txt.setAttribute("fill", fontColor);
    txt.textContent = f.color + "";
    const subsvg = document.createElementNS(xmlns, "svg");
    subsvg.setAttribute("width", f.labelBounds.width * sizeMultiplier + "");
    subsvg.setAttribute("height", f.labelBounds.height * sizeMultiplier + "");
    subsvg.setAttribute("overflow", "visible");
    subsvg.setAttribute("viewBox", "-50 -50 100 100");
    subsvg.setAttribute("preserveAspectRatio", "xMidYMid meet");
    subsvg.appendChild(txt);
    const g = document.createElementNS(xmlns, "g");
    g.setAttribute("class", "label");
    g.setAttribute("transform", "translate(" + f.labelBounds.minX * sizeMultiplier + "," + f.labelBounds.minY * sizeMultiplier + ")");
    g.appendChild(subsvg);
    svg.appendChild(g);
    }
    if (count % 100 === 0) {
    yield common_7.delay(0);
    if (onUpdate != null) {
    onUpdate(f.id / facetResult.facets.length);
    }
    }


    Mình muốn thêm thuộc tính để giới hạn font size lớn nhất cho label, xin các chuyên gia chỉ giúp, Trân trọng cảm ơn!

    ...
Từ khóa:

Ủng hộ diễn đàn