En lugar de usar imágenes, me preguntaba si alguien sabe cómo hacer círculos pequeños con esquemas usando CSS.¿Es posible hacer círculos pequeños a través de CSS?
Estoy tratando de hacer algo similar al símbolo de la diana o el logotipo de Target.
Tenga una mirada en esta biblioteca: http://jsdraw2d.jsfiction.com/
para dibujar círculos hay ejemplos en http://jsdraw2d.jsfiction.com/demo/circleellipse.htm
Puede usar div's con esquinas redondeadas.
<style>
.circle{
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
border:1px solid #ccc;
width:8px;
height:8px;
}
</style>
<div class="circle"></div>
embargo, puede haber, es mejor utilizar la lona y JavaScript.
No estoy seguro que realmente entiende su pregunta, pero así es como se dibuja un círculo con CSS:
.circle
{
height: 100px;
width: 100px;
display: block;
border: 1px solid black;
border-radius: 100px;
}
Para cualquier otra persona que quiera dibujar un círculo pequeño, el siguiente código utiliza la escala para cambiar el tamaño del círculo. ¡Cambie los valores de la escala y estará listo!
.circle{
border: 2px solid #1111a1;
padding: 10px 40px;
background: #dddddd;
width: 1px;
height: 60px;
border-radius: 100px;
transform: scale(0.5, 0.5);
}
Qué estándar HTML/CSS se apuntan a que? Esto es bastante directo usando la etiqueta 'canvas'. (IIRC, Adobe Illustrator exportará a un formato que se puede incrustar en una página). –
Creo que mi respuesta aquí es exactamente lo que está buscando: http://stackoverflow.com/questions/4840736/easier-way-to-create-circle-div-than-using-an-image/4844059#4844059 - si no, házmelo saber. – thirtydot