mapbox/mapbox-gl-js

Dash line has a tail with` round`line cap

Open

#10.218 aberto em 16 de dez. de 2020

Ver no GitHub
 (0 comments) (0 reactions) (1 assignee)JavaScript (2.203 forks)batch import
bug :lady_beetle:good first issue

Métricas do repositório

Stars
 (10.532 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

mapbox-gl-js version: v.1.x

Steps to Trigger Behavior

Use the following style, the rendered dash line has a redundant tail

{
"version": 8,
"metadata": {
  "test": {
    "width": 64,
    "height": 64
  }
},
"sources": {
  "geojson": {
    "type": "geojson",
    "data": {
      "type": "LineString",
      "coordinates": [
        [
          -10,
          0
        ],
        [
          10,
          0
        ]
      ]
    }
  }
},
"layers": [
  {
    "id": "line",
    "type": "line",
    "source": "geojson",
    "layout": {
      "line-cap": "round"
    },
    "paint": {
      "line-width": 8,
      "line-dasharray": [1, -2, -1, 1],
      "line-color": "blue"
    }
  }
]
}

Expected Behavior

dash line is rendered without tail.

Actual Behavior

cc: @zmiao

Guia do colaborador

Direção de pesquisa
Investigue a renderização de arrays de linhas tracejadas com extremidades arredondadas no mapbox gl js. Rastreie o caminho do código para desenho de linhas, especificamente como os padrões de traço são aplicados a segmentos de linha com extremidades arredondadas. Procure por erros de um a mais ou tratamento incorreto da fase do traço nos pontos finais.
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptWebGL basics
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60