Ist es möglich, kleine Kreise über CSS?

Anstatt mit Bildern, ich Frage mich, ob jemand weiß, wie man kleine Kreise beschreibt die Verwendung von CSS.

Ich versuche, etwas zu machen, ähnlich wie das bullseye symbol-oder Target-logo.

Die HTML - /CSS-standard sind Sie welche? Das ist ziemlich straight-forward mit der canvas tag. (IIRC, Adobe Illustrator exportieren in ein format, das eingebettet werden können, die auf einer Seite).
Ich glaube, meine Antwort hier ist genau das, was du suchst: stackoverflow.com/questions/4840736/... - wenn nicht, lass es mich wissen.

InformationsquelleAutor Erik | 2011-05-31

  1. 2

    Haben Sie einen Blick auf diese Bibliothek:
    http://jsdraw2d.jsfiction.com/

    Für das zeichnen von Kreisen gibt es Beispiele in http://jsdraw2d.jsfiction.com/demo/circleellipse.htm

    InformationsquelleAutor Javi R

  2. 10

    Können Sie div mit abgerundeten Ecken.

    <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>

    Aber, kann sein, es ist besser, verwenden von canvas und JavaScript.

    InformationsquelleAutor Alex Savin

  3. 3

    Nicht sicher, ob ich wirklich deine Frage verstanden, aber das ist, wie Sie zeichnen Sie einen Kreis mit CSS :

    .circle
{
    height: 100px;
    width: 100px;

    display: block;
    border: 1px solid black;

    border-radius: 100px;
}

    InformationsquelleAutor user703016

  4. 3

    Für jemand anderes wer will zeichnen Sie einen kleinen Kreis, der folgende code macht Gebrauch von Maßstab, um die Größe des Kreises. Nur chamge die Skala Werte und du bist gut zu gehen!

    .circle{
    border: 2px solid #1111a1;
    padding: 10px 40px; 
    background: #dddddd;
    width: 1px;
    height: 60px;
    border-radius: 100px;
    transform: scale(0.5, 0.5);
}

    Plunkr

    InformationsquelleAutor Gabrielus

Schreibe einen Kommentar