Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2015, 14:28
Аспирант
Отправить личное сообщение для Georrg Посмотреть профиль Найти все сообщения от Georrg
 
Регистрация: 06.08.2014
Сообщений: 58

Проблемы с canvas
Добрый день. Необходимо сделать скриншот div блока(это как задача максимум), или же сделать скриншот видимой части этого же div блока. Итак по порядку:
это исходник:

а вот результат работы canvas:

Для этого я написал по примеру простенький код:
getScreen: function() {
			  html2canvas(jQuery( "#dhtmlxgantt_container" ), {
			  onrendered: function(canvas) {
				document.body.appendChild(canvas);
			  },
			  // width: 5*gantt.config.grid_width,
			  // height: gantt.height
			});
	},

В описании сказано, что можно использовать настройки ширины и высоты. К сожалению, ширина только в меньшую сторону задается. Получается лишь ужать картинку. Например, весь js подвешен на div c id dhtmlxgantt_container. У этого блока определенная ширина. Но вложенные div имеют большую ширину:

Растянуть не получается. Но честно говоря это еще пол беды. Скриншот не соответствует css стилю. Если вы были внимательны, вы заметили, что длинные называния не сократились при canvas скриншоте, а так же пропала подкраска темно-зеленым. Закраска темно-зеленым, inline стиль, а сокращание длинных названий из css файла. Из за чего так получилось, что скриншот не соответствует исходнику? Буду рад любому совету
Ответить с цитированием
  #2 (permalink)  
Старый 07.04.2015, 15:10
Аспирант
Отправить личное сообщение для Georrg Посмотреть профиль Найти все сообщения от Georrg
 
Регистрация: 06.08.2014
Сообщений: 58

сделается мне, что canvas не поддерживает последние версии css
Ответить с цитированием
  #3 (permalink)  
Старый 07.04.2015, 16:14
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Сообщение от Georrg
сделается мне, что canvas не поддерживает последние версии css
Вы понимаете что такое канвас и как он работает? Канвас вообще не поддерживает css и никак с ним не связан. Точне он связан, а то что на нем нарисовано - нет.

Библиотека canvas2html не умеет работать с css3. Возможно в будуйщем они это допилят.

Последний раз редактировалось tsigel, 07.04.2015 в 16:18.
Ответить с цитированием
  #4 (permalink)  
Старый 07.04.2015, 16:29
Аспирант
Отправить личное сообщение для Georrg Посмотреть профиль Найти все сообщения от Georrg
 
Регистрация: 06.08.2014
Сообщений: 58

будем надеяться
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Canvas, проблемы с отрисовкой изображений sunAirway Общие вопросы Javascript 4 07.01.2016 22:21
Создание экземпляра Canvas не затрагивая HTML Tails Общие вопросы Javascript 2 09.03.2012 12:55
Проблемы с Canvas Verhal Общие вопросы Javascript 1 24.01.2012 20:51
Добавить на canvas еще один елемент greengarlic Общие вопросы Javascript 5 22.09.2010 10:16
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37