Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.05.2013, 00:32
Новичок на форуме
Отправить личное сообщение для gerons Посмотреть профиль Найти все сообщения от gerons
 
Регистрация: 14.05.2013
Сообщений: 6

Рисование окружности в JS
Здравствуйте!
Созрел такой вопрос, как нарисовать круг в js, и как можно будет изменить значение радиуса из бд(mysql).
PS:проект реализован на JSP.
Спс за внимание.
Ответить с цитированием
  #2 (permalink)  
Старый 14.05.2013, 01:27
Интересующийся
Отправить личное сообщение для Zzepish Посмотреть профиль Найти все сообщения от Zzepish
 
Регистрация: 14.05.2013
Сообщений: 25

Из бд значение дернуть через тот-же php.
<script>window.onload = function(){    var canvas = 
document.getElementById('cv');   
var ctx = canvas.getContext('2d');alert(ctx);
 ctx.strokeStyle = 'red'; 
ctx.beginPath();      
ctx.arc(100, 100, 50, 0, Math.PI*2, true);            
ctx.stroke();
}</script>
<body>
<canvas id='cv' width=400 height=400></canvas>
-------------------------
если нужен круг а не окружность то вместо
ctx.strokeStyle = 'red'; пишем ctx.fillStyle = 'red';
ctx.stroke();пишем ctx.fill();
Ответить с цитированием
  #3 (permalink)  
Старый 14.05.2013, 06:37
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от gerons
PS:проект реализован на JSP.
Сообщение от Zzepish
Из бд значение дернуть через тот-же php.
Круто, че ) Главное не забыть использовать в проекте NodeJS, Python и ASP.NET - это залог успеха!

За круг может сойти и такой вариант:

<style>
.circle{
border-radius: 100%;
background: red;
width: 100px;
height: 100px;
}
</style>
<div class="circle"></div>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не получается вставить код js в HTML garmoni Элементы интерфейса 3 05.09.2013 05:56
Подгрузка JS + ajax... afr0 AJAX и COMET 8 10.04.2013 14:38
рисование прямоугольника по движению мыши prizrak39 Events/DOM/Window 4 14.03.2013 15:36
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 09:28
Рисование и js Drakonee Элементы интерфейса 6 22.06.2010 23:51