Как в HTML нарисовать линию под углом 30 градусов...
2 ответа
HTML
<hr />
CSS
hr {
-webkit-transform: rotate(150deg);
-moz-transform: rotate(150deg);
-ms-transform: rotate(150deg);
-o-transform: rotate(150deg);
}
или, если наклон в другую сторону
hr {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
}
-
1
-
С использованием JavaScript (Canvas):
var canvas = document.getElementById('tutorial');
var ctx = canvas.getContext('2d');
// Так как аргументом функции может быть только радиан,
// а не угол в градусах, то переводим.
var a = 30 * (Math.PI / 180);
// Длина линии.
var r = 100;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(Math.sin(a) * r, Math.cos(a) * r);
ctx.stroke();
<canvas id="tutorial" width="150" height="150"></canvas>