|
|
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
есть HTML-страница с примитивной версткой, предназначенная для вывода на печать нескольких картинок, каждая размером А4. недавно возникла необходимость более компактного вывода, по две картинки на одном листе, методом уменьшения и "укладывания на бок" картинок. решил следующим JS: Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. поворот картинки решил с помощью фильтра IE, т.к.: - картинки выводятся на печать с одной машины, из-под IE. - на чистом JS, для обеспечения кросбраузерности, решений не нашел. возникшие проблемы: 1. картинки, уменьшенные и "уложенные на бок", не уходят на печать. т.е. при предпросмотре отображается лист с уменьшенными картинками, но по нажатию на "печать" окно выбора параметров печати дико протормаживает, и в конце концов документ даже не становится на очередь. если тыкать на кнопку "печать" из тублара, не происходит вообще ничего. вопрос не решается при изменении размера картинок до такого, при котором обе картинки занимают не больше 1/4 от А4, но необходима печать с полным покрытием листа (2 картинки, каждая А5). 2. картинки, уменьшенные с помощью JS, уходят на печать в жутком качестве - всё лесенкой, 10й шрифт читается с трудом. если ресайзить картинку с помощью установки свойств тэга IMG - печатается нормально. если изменять эти свойства через DOM, результат отвратителен. пробовал document.refresh (читсто интуитивно, т.к. JS практически не знаю) - не помогло. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.02.2007, 17:19 |
|
||
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
Тезка, не мучай js. Просто сделай два набора CSS <LINK REL="STYLESHEET" HREF="StylesScreen.css"> <LINK REL="STYLESHEET" HREF="StylesPrint.css" media=print> Все картинкам проставь класс, в первом css настрой стили для экрана, во втором для печати - положи на бок и установи правильные размеры. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.02.2007, 17:40 |
|
||
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
там, вишь ли, есть специфика: картинки есть только в варианте каждая размером больше А4, они лежат в базе, перед выводом на печать они сохраняются из БЛОБа в PNG, ну и под них генерится верстка HTML (под нужные имена файлов). это как исходные данные, с этим ничего не поделаешь уже. в то же время иногда нужно выодить их компактно - на боку, а иногда - в полный размер. говоря проще, картинки эти - это товаросопроводительная документация, кому-то она нужна в полный размер, а кому-то не обязательно. а всем печатать в полный размер - летят бумага, тонер и принтеры. причем ресайзить нужно уметь в самый непредсказуемый момент :) , у меня это реализовано простым кликом по документу. как это будет в случае CSS, не знаю пока, мож просветишь.. ресайзить их внешним софтом я не могу. только фильтрами IE, VBS или JS. с помощью VBS еще не пробовал. насчет CSS - расскажи, как можно через css повернуть картинку? я этого не знаю. это ключевой момент. стили для экрана и для печати - это уже, конечно, вторичные вещи. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.02.2007, 17:51 |
|
||
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
...или ты советуешь поворачивать фильтром, а ресайзить через CSS? вот это, наверное, уже теплее :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.02.2007, 17:53 |
|
||
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
в общем, та же фигня. качество картинки ужасное. из-за лесенки невозможно ничего прочесть. причем, лесенка появляется после первого поворота, и не пропадает, даже если вернуть следующим поворотом картинку в прежнее положение. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.02.2007, 08:46 |
|
||
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
Ant-ONнасчет CSS - расскажи, как можно через css повернуть картинку? я этого не знаю. Прикалываешься? )) Код: plaintext 1. 2. 3. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.02.2007, 10:02 |
|
||
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
аа.. ну это не вариант. я-то думал, ты предложишь что-то, что будет работать не только с IE. а насчет лесенки - это когда ты берешь картинку 100х100 и увеличиваешь раз в 5 без интерполяции. каждый пиксел у тебя становится квадратиком размером 5х5 пикселов. наклонные линии превращаются в ту самую лесенку. тока в данном случае картинка выглядит так, будто её отсканировали с разрешением 50dpi и обратно растянули до A4. короче, хреново всё обстоит. придется консольную утилитку писать, максимально компактную и быструю. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.02.2007, 18:26 |
|
||
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
В добавок по теме. Поворачиваем блок с текстом ИЕшным фильтром, текст становится чисто пиксельным, теряется "размытость и качество шрифта". Убираем поворот - всё на своих местах. Свойства класса для принта без дива (и/или поворота) скопировал в класс с дивом. Структура примерно такая: Код: plaintext 1. 2. 3. Способ лечения есть или при использовании фильтра всегда так будет? -- $50 + $100 бесплатно для игры на PartyPoker.com ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 10.04.2007, 16:35 |
|
||
|
результат JS не идёт на печать
|
|||
|---|---|---|---|
|
#18+
Кто что подскажет по этому поводу? Такая конструкция, как Код: plaintext 1. Весь текст, который трансформируем при помощи filter: - "пиксилизируется". Каким же образом поставить текст вертикально-налево? -- $50 + $100 бесплатно для игры на PartyPoker.com ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 11.04.2007, 15:22 |
|
||
|
|

start [/forum/topic.php?fid=22&fpage=385&tid=1458490]: |
0ms |
get settings: |
13ms |
get forum list: |
13ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
41ms |
get topic data: |
13ms |
get forum data: |
3ms |
get page messages: |
71ms |
get tp. blocked users: |
2ms |
| others: | 228ms |
| total: | 392ms |

| 0 / 0 |
