Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: нужна помощь с canvas

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: нужна помощь с canvas
Поиск в теме | Версия для печати
3d_killer
Отправлено: 08 Апреля, 2014 - 22:38:38
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
Работаю с Canvas необходимо создать полигон а потом его залить неповторяющейся картинкой, но проблема в том что картинка начинается в начале самого канваса, как ее сместить вот код моих набросков:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.     <canvas id="myCanvas" width="578" height="200" style=" border:1px solid #0F0; background-image:url(1.jpg);"></canvas>
  3.     <script>
  4. $(document).ready(function() {
  5.    
  6.         var c=document.getElementById("myCanvas");
  7.         var ctx=c.getContext("2d");
  8.     ctx.beginPath();
  9.         //
  10.         ctx.moveTo(50,50);
  11.         ctx.lineTo(50,100);
  12.         ctx.lineTo(100,100);
  13.         ctx.lineTo(200,120);
  14.         ctx.lineTo(250,20);
  15.        
  16.         ctx.closePath();
  17.        
  18.         var pic = new Image();
  19.         pic.src='1.jpg';
  20.         var pattern=ctx.createPattern(pic, 'no-repeat');
  21.         ctx.fillStyle = pattern;
  22.         ctx.fill();
  23.         ctx.strokeStyle = "#000";
  24.         ctx.stroke();
  25.         //context.fill();
  26. });
  27.     </script>
  28.  

и прикладываю скрин
в скрине сделана заливка и самого канвас и полигона
видно что они совпали как на полигоне сместить эту самую заливку туда где отмечено пунктиром?
Прикреплено изображение (Нажмите для увеличения)
Без-имени-3.jpg

(Отредактировано автором: 08 Апреля, 2014 - 22:43:46)

 
My status
 Top
3d_killer
Отправлено: 08 Апреля, 2014 - 22:42:10
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
Ниже
Прикреплено изображение (Нажмите для увеличения)
uiuiu.jpg
 
My status
 Top
3d_killer
Отправлено: 09 Апреля, 2014 - 09:19:11
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
ну походу я придумал как сделать, придется делать пере просчет координат и канвас делать с позицией абсолютной размер брать из максимальных и минимальных координат области.
щас пишу обработку, если кому будет интересно выложу код
 
My status
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB