D3 svg in chrome and safari
Вложений: 1
Такая проблема, использую библиотеку D3 в js для создания инфографики. Гружу картинки в векторном формате svg. Почему-то картинки в таком формате отображаются разными размерами в разных в браузерах, на первой картинке chrome желтые кружочки слегка больше чем на второй картинке(safari). Также координаты тоже слегка сдвинуты, хотя alert выдает одинаковые цифры и в chrome и в safari. Если svg заменить на png, то все в порядке, но хотелось бы остановится на векторной графике. Спасибо!
|
Ответ: D3 svg in chrome and safari
Видно что и у карты тоже размеры немного разные
|
Ответ: D3 svg in chrome and safari
alert - зло, юзай console.log с нормальным деббагингом в дев туулс используя инспектор, svg - элементы, можешь в инспекторе сравнить значения и т.п.
Первое что на ум приходит: возможно заюзал -webkit- фичу в CSS, но забыл стандартную, или наоборот, следственноодин броузер послушался, а другой нет. |
Ответ: D3 svg in chrome and safari
Кирпи4, да карта тоже в формате svg и слегка отличатся размерами.
moka ничего из -webkit- не применял и css тоже еще не затрагивал. |
Ответ: D3 svg in chrome and safari
Какие единицы измерения в svg ?
|
Ответ: D3 svg in chrome and safari
Вложений: 2
Цитата:
Свел все к минимуму, вот весь код index.html Код:
<html> Код:
var mySVG = d3.select("#electric").append("svg:image") |
Ответ: D3 svg in chrome and safari
energyCircleAES.svg
покажи |
Ответ: D3 svg in chrome and safari
Цитата:
Код:
<?xml version="1.0" encoding="utf-8"?> |
Часовой пояс GMT +4, время: 19:37. |
vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot