Как успешно разместить текстовый объект под объектом изображения / полигона с помощью jsxgraph 0.99.7? - PullRequest
Новая
       23

Как успешно разместить текстовый объект под объектом изображения / полигона с помощью jsxgraph 0.99.7?

0 голосов
/ 06 февраля 2019

Я хотел бы просто поместить текстовый объект под объект изображения, который я создал с помощью jsxgraph.

  • Пробная настройка для слоя текстового объекта: 2 и слоя объекта изображения: 7.
  • Пробная установка board.options.layer.text = 2, затем создала текстовый объект,затем снова установите board.options.layer.text = 9.

Объект дает правильное значение слоя при исследовании, однако визуально это не делает.Это хорошо работает для нетекстовых объектов.Будет ли это текстовой ошибкой?

1 Ответ

0 голосов
/ 08 февраля 2019

JSXGraph различает два типа текстов: display:'html' и display:'internal'.Текстовый элемент первого типа использует тег HTML и всегда строго «выше» любой конструкции JSXGraph (и, следовательно, игнорирует структуру слоя).Последний тип текстового элемента подчиняется структуре слоя.По умолчанию display:'html'.Вот пример (https://jsfiddle.net/8xms49pu/2/):

var circ = board.create('circle', [[0, 0], 3], 
                {fillColor: 'yellow', fillOpacity: 0.8});
var txt1 = board.create('text', [1, 1, 'HTML'], {layer: 1});
var txt1 = board.create('text', [-3.2, -1, 'internal'], 
                {layer: 1, display: 'internal'});

Изображения могут быть помещены в слои. Это означает, что нужно также использовать display:'internal'. Вот пример (https://jsfiddle.net/jdw7z1nq/1/):

var im = board.create('image', ['https://jsxgraph.org/wp/img/logo_tw.png', [-3, -3], [6, 6]], 
            {layer: 10});
var circ = board.create('circle', [[0,0], 3], 
            {fillColor: 'yellow', layer: 6});
var txt = board.create('text', [1, 1, 'Hello'], 
            {layer: 5, display: 'internal'});

Преимущество HTML-текстов состоит в том, что они могут содержать любой вид HTML-контента, например, MathJax или теги форм или изображения ... Итак, вы также можете рассмотреть возможность помещения изображения в текстовый элемент.

...