Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / SVG конвертируем в PNG ошибки / 2 сообщений из 2, страница 1 из 1
03.05.2018, 09:05
    #39639178
nikomp
nikomp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SVG конвертируем в PNG ошибки
Есть граф нарисованный с помощью 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
| Ответить | Цитировать | Написать  
03.05.2018, 09:06
    #39639179
nikomp
nikomp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SVG конвертируем в PNG ошибки
В предыдущем посте получилось добавить только картинку с искажениями. Вот исходная картинка в SVG
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / SVG конвертируем в PNG ошибки / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 273ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1444197]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 171ms
get topic data:
 13ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 2ms
others: 12ms
total:  273ms
x
x
Закрыть


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