Я разбиваю голову с помощью D3
для создания trapezoid
с использованием SVG.Area
. Может кто-нибудь сказать мне, можно ли достичь этого, если да, пожалуйста, кратко меня, как я могу видеть только 3 оценщикам x,y1 and y0
.Я не знаю, как я могу установить различное значение x
Создайте трапецию с помощью d3 svg.area
3
A
ответ
3
Вместо d3.svg.area
, вы должны использовать svg:polygon или d3.svg.line
в сочетании с командой closepath, чтобы нарисовать трапеции.
Вот краткий пример того, как я бы это сделать:
<!DOCTYPE html>
<html>
<head>
<script data-require="[email protected]" data-semver="3.5.3" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<script>
var svg = d3.select('body')
.append('svg')
.attr('width', 500)
.attr('height', 500);
var line = d3.svg.line()
.x(function(d) {
return d.x;
})
.y(function(d) {
return d.y;
});
var points = [{
x: 100, y: 100
},{
x: 400, y: 100
},{
x: 375, y: 150
},{
x: 125, y: 150
}];
svg.append('path')
.attr("d", line(points) + 'Z')
.style("fill", "orange")
.style("stroke", "black");
</script>
</body>
</html>
Смежные вопросы
- 1. Вертикальный d3.svg.area?
- 2. d3.js: кисть с проблемами d3.svg.area
- 3. не может получить d3.layout.stack для заполнения d3.svg.area
- 4. сделать трапецию с картинки
- 5. Нарисуйте трапецию
- 6. Как сделать трапецию с рамкой
- 7. Как нарисовать градиентную цветную трапецию с css3?
- 8. Нарисуйте трапецию на холсте
- 9. Создайте тень на круге с помощью D3.js
- 10. Создайте линию, проходящую через некоторые точки с помощью d3.js
- 11. Создайте генератор символов с D3.js
- 12. Как исказить спрайт в трапецию?
- 13. Сделайте трапецию с радиусом границы css3
- 14. KineticJS преобразовать изображение в трапецию
- 15. Распечатайте текст-трапецию в C
- 16. Преобразование прямоугольного изображения в трапецию
- 17. создать адаптивную четырехугольную трапецию в css
- 18. стрелка Рисования с помощью d3
- 19. Gauge график с помощью D3
- 20. Как увеличить с помощью d3
- 21. Отфильтровать данные с помощью D3
- 22. Access Element с помощью D3
- 23. Выбор D3 с помощью мыши
- 24. Можно ли отобразить растровое изображение в трапецию
- 25. Как нарисовать вращающуюся трапецию в OpenCV?
- 26. Исключите странную серую трапецию в прозрачной панели
- 27. Создайте тег привязки в неупорядоченных элементах списка с помощью d3js?
- 28. Создайте диаграмму рассеяния с неравными интервалами по оси x с помощью d3.js
- 29. Создайте форму «трапеции» с обрезанным переполнением
- 30. d3: рисование нескольких прямоугольников с использованием областей