1px Noktalarla Şekil Çizimleri

Bu örnek, canvas ve SVG kullanmadan sadece 1px boyutunda noktalarla çeşitli şekillerin çizimini gösterir.

Not: Her şekil ayrı bir <script> etiketi içinde çizilmektedir. Noktalar 1px boyutunda div elementleri olarak oluşturulmuştur.

Üçgen

<script id="triangle-script">...</script>

Daire

<script id="circle-script">...</script>

Yay (Arc)

<script id="arc-script">...</script>

Bezier Eğrisi

<script id="bezier-script">...</script>

Kare

<script id="square-script">...</script>

Dikdörtgen

<script id="rectangle-script">...</script>

Açılı Çizgi (Çoklu Segment)

<script id="line-script">...</script>