Рисование окружности в JS
Здравствуйте!
Созрел такой вопрос, как нарисовать круг в js, и как можно будет изменить значение радиуса из бд(mysql). PS:проект реализован на JSP. Спс за внимание. |
Из бд значение дернуть через тот-же 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();
|
Цитата:
Цитата:
За круг может сойти и такой вариант:
<style>
.circle{
border-radius: 100%;
background: red;
width: 100px;
height: 100px;
}
</style>
<div class="circle"></div>
|
| Часовой пояс GMT +3, время: 19:59. |