Привет ребята, есть проблема с печатью svg в mozilla,
сделал всё как надо через @media print работает во всех браузерах кроме етого.
При печате все елементи которым я присвоил атребут fill:#some color не печатаются на бумагу,
думал ето проблема с тем что браузер блокирует печать фонов но даже включив её то результат тотже.
Надеюсь ви мне поможете.
скрины здесь https://dl.dropbox.com/u/80154136/symphony/Untitled.png
Код:
@media print {
body {
visibility: hidden;
}
.white-background {
visibility: hidden;
}
.navigatorWrapper {
visibility: hidden;
}
#toolPanelId {
visibility: hidden;
}
#section_to_print {
position: relative;
top: -480px;
visibility: visible;
}
}Alejandro
Работающий пример ты не предоставил, но по описанию похоже на этот баг.
Bug 763349 - @media print rules are not followed when an SVG image is embeded through an img tag
Если SVG вставлен в HTML через <img>, то @media print из встроенного CSS игнорируется. Возможное решение — использовать <object> вместо <img>.
нет svg вставлен через <object>, скажу больше в версиях 3.4, и 4 работает прекрасно а в новых не очень. Ссилку на проект не могу кинуть он покашто не в продакшыне.
Код:
<div class="svgEditorWrapper" id="svgEditorWrapper">
<div style="position: relative;">
<object type="image/svg+xml" data="/fminsight(bD1lbiZjPTEwMCZkPW1pbg==)/service/dmsdocumentquery?doc=ZSG000000000000001000000007600000.SVG" svgname="/fminsight (bD1lbiZjPTEwMCZkPW1pbg==)/service/dmsdocumentquery?doc=ZSG000000000000001000000007600000.SVG" id="currentSvg" style="overflow: hidden; visibility: visible;">
</object>
</div>
</div>Alejandro
Создайте багрепорт в разделе Core -> SVG и приложите ваш код как testcase и скриншоты результатов в разных браузерах.
Попробывал следующий cssкод
Код:
@media print {
body {
visibility: hidden;
}
.white-background {
visibility: hidden;
}
.navigatorWrapper {
visibility: hidden;
}
#toolPanelId {
visibility: hidden;
}
.svgLegendPanel {
position: absolute;
top: 10px;
left: -15px;
visibility: visible;
}
#section_to_print {
position: absolute;
top: 10px;
visibility: visible;
}
}Получаю тоже баг только в mozilla но теперь хоть кусок раскраски видно.