powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / SVG конвертируем в PNG ошибки
2 сообщений из 2, страница 1 из 1
SVG конвертируем в PNG ошибки
    #39639178
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Есть граф нарисованный с помощью D3.js, нужно сохранить его в PNG. В Инете полно примеров как это сделать, но я столкнулся с непобедимой фичей/багом.
Пробую конвертировать так сначала создаю компонент Canvas, затем при помощи библиотеки Canvg конвертирую в PNG. На картинке получаются искажения (см рис.).
Искажения касаются только маркеров. Маркер нарисован так:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
svg.append("svg:defs").append("svg:marker")
.attr("id", "triangle")
.attr("refX", 13)                  // Эти атрибуты игнорируются в Canvg
.attr("refY", 6)                   // Эти атрибуты игнорируются в Canvg 
.attr("markerWidth", 30)
.attr("markerHeight", 30)
.attr("orient", "auto")
.append("path")
.attr("d", "M 0 0 12 6 0 12 3 6")
.style("fill", "black");



в комопненте SVG все выглядит нормально (см рис. )
...
Рейтинг: 0 / 0
SVG конвертируем в PNG ошибки
    #39639179
nikomp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
В предыдущем посте получилось добавить только картинку с искажениями. Вот исходная картинка в SVG
...
Рейтинг: 0 / 0
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / SVG конвертируем в PNG ошибки
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]