Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » html5 canvas poligon radius

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
может кто поможет: как в полигон еще ввязать радиусы ?
 
Подробнее...

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 12:19 05-04-2017 | Исправлено: vs6262, 16:53 05-04-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262
Внятно формулируйте вопрос. Если вы понимаете свою проблему, так как потратили какое то время на нее, то это не означает, что и остальные поймут вас с полуслова.

Всего записей: 15038 | Зарегистр. 20-09-2014 | Отправлено: 16:54 05-04-2017
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
кусочек кода. мне вот именно нужен полигон с радиусами. как его тут встроить ?
мне лучше бы на этом примере, потому что тут при onclick можно изменить
к примеру цвет самого полигона и т.д.
 

Код:
    // create an object holding all polygon points  
     var triangle=[{x:100,y:50},{x:150,y:100},{x:50,y:100}];  
     var poly=[{x:100,y:250},{x:150,y:300},{x:50,y:300},{x:70,y:230}];  
   
     // draw the polygon  
     define(triangle);  
     ctx.fill();  
     define(poly);  
     ctx.fill();  
   
     // define the polygon  
     function define(polygon){  
         ctx.beginPath();  
         ctx.moveTo(polygon[0].x,polygon[0].y);  
         for(var i=1;i<polygon.length;i++){  
             ctx.lineTo(polygon[i].x,polygon[i].y);  
         }  
         ctx.closePath();  
     }  

 
Добавлено:
т.е. чтобы при необходимости в одном углу можно было бы сделать радиус

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 17:53 05-04-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
т.е. чтобы при необходимости в одном углу можно было бы сделать радиу

рисуем самостоятельно каждую сторону, а на углах лепим через arc(), arcTo(), quadraticCurveTo(), bezierCurveTo()
требуются элементарные знания математики

Всего записей: 15038 | Зарегистр. 20-09-2014 | Отправлено: 19:46 05-04-2017 | Исправлено: Mavrikii, 19:46 05-04-2017
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
рисуем самостоятельно каждую сторону, а на углах лепим через arc(), arcTo(), quadraticCurveTo(), bezierCurveTo()  

 
это я знаю, но мне нужно onclick/click над нарисованным объектом

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 20:13 05-04-2017
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
потому что тут при onclick можно изменить  
к примеру цвет самого полигона и т.д

и? либо перерисовываем (можно и поверх), либо https://www.w3schools.com/tags/canvas_fill.asp
а если нужно понять где кликнули - берем координаты и https://www.w3schools.com/tags/canvas_ispointinpath.asp
https://www.rgraph.net/blog/an-example-of-the-html5-canvas-ispointinpath-function.html

Всего записей: 15038 | Зарегистр. 20-09-2014 | Отправлено: 20:16 05-04-2017 | Исправлено: Mavrikii, 20:24 05-04-2017
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
спасибо, буду углубляться

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 21:03 05-04-2017
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » html5 canvas poligon radius


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru