Phần Tử LaTeX

Một phần tử LaTeX hiển thị các công thức và biểu thức toán học bằng cách sử dụng cú pháp LaTeX. Nó hỗ trợ chuyển đổi nội dung dựa trên khung với các chuyển tiếp có thể cấu hình.

Các phần tử LaTeX chia sẻ các trường chung từ Phần Tử Cơ Bản và Phần Tử Xem.

Thuộc Tính LaTeX

Thuộc tính	Loại	Bắt buộc	Ví dụ	Phạm vi giá trị	Mô tả
type	string	true	-	LaTeX	Loại của phần tử. Đối với các phần tử LaTeX, điều này luôn là "LaTeX".
frames	array	true	-	-	Một mảng các khung LaTeX. Mỗi khung định nghĩa một biểu thức LaTeX để hiển thị trong một khoảng thời gian cụ thể.
displayMode	boolean	false	-	-	Có render ở chế độ hiển thị (cấp khối, căn giữa) hay chế độ inline.
detail	number	false	-	-	Mức độ chi tiết của việc kết xuất. Các giá trị cao hơn tạo ra các đường cong mượt mà hơn.
targetWidth	number	false	-	-	Chiều rộng mục tiêu cho nội dung LaTeX đã được kết xuất, tính bằng pixel.
color	string	false	-	-	Màu sắc của văn bản LaTeX đã được kết xuất, ở định dạng hex.

Đối Tượng Khung

Mỗi mục trong mảng frames định nghĩa một biểu thức LaTeX và khoảng thời gian mà nó được hiển thị:

Thuộc tính	Loại	Bắt buộc	Ví dụ	Phạm vi giá trị	Mô tả
latex	string	true	E = mc^2	-	Chuỗi biểu thức LaTeX để kết xuất.
start	number	true	-	>= 0	Thời gian bắt đầu của khung này liên quan đến phần tử, tính bằng giây.
end	number	true	-	> start	Thời gian kết thúc của khung này liên quan đến phần tử, tính bằng giây. Phải lớn hơn thời gian bắt đầu.
transition	object	false	-	-	Hiệu ứng chuyển tiếp khi chuyển sang khung này.
style	object	false	-	-	Các ghi đè kiểu theo khung cho màu sắc, displayMode và targetWidth.

Đối Tượng Chuyển Tiếp:

type (string) - Loại chuyển tiếp: 'fade', 'instant', hoặc 'morph'. Mặc định: 'instant'
duration (number) - Thời gian của chuyển tiếp tính bằng giây. Mặc định: 0.5

Đối Tượng Kiểu (ghi đè theo khung):

color (string) - Ghi đè màu cấp phần tử cho khung này
displayMode (boolean) - Ghi đè chế độ hiển thị cho khung này
targetWidth (number) - Ghi đè chiều rộng mục tiêu cho khung này

Ví Dụ

Khung LaTeX Đơn

latexElement.json

 
{
  "id": "latex-001",
  "type": "LaTeX",
  "start": 0,
  "duration": 5,
  "trackIndex": 0,
  "x": 200,
  "y": 300,
  "width": 400,
  "height": 100,
  "anchorX": 200,
  "anchorY": 50,
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "color": "#000000",
  "displayMode": true,
  "targetWidth": 400,
  "frames": [
    {
      "latex": "E = mc^2",
      "start": 0,
      "end": 5
    }
  ]
}

Nhiều Khung với Chuyển Tiếp

latexMultiFrame.json

 
{
  "id": "latex-002",
  "type": "LaTeX",
  "start": 0,
  "duration": 10,
  "trackIndex": 0,
  "x": 200,
  "y": 300,
  "width": 500,
  "height": 120,
  "anchorX": 250,
  "anchorY": 60,
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "color": "#1a1a1a",
  "displayMode": true,
  "targetWidth": 500,
  "frames": [
    {
      "latex": "f(x) = ax^2 + bx + c",
      "start": 0,
      "end": 5,
      "transition": {
        "type": "fade",
        "duration": 0.5
      }
    },
    {
      "latex": "x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",
      "start": 5,
      "end": 10,
      "transition": {
        "type": "morph",
        "duration": 0.8
      }
    }
  ]
}

Ghi Chú

Các phần tử LaTeX sử dụng kết xuất vector để có đầu ra sắc nét ở bất kỳ tỷ lệ nào.
Mảng frames phải chứa ít nhất một khung với chuỗi latex hợp lệ.
Các khoảng thời gian khung (start đến end) nên bao phủ thời gian của phần tử để hiển thị liên tục.
Chuyển tiếp morph tạo ra một hoạt ảnh mượt mà giữa hai biểu thức LaTeX.

Overview

Element

Effect