زخارف عالميةWorld Ornaments

زخارف من حضارات العالم: المصرية الفرعونية، النوبية، الرافدينية، الأمازيغية، الإفريقية، الصينية، الهندية، اليابانية، الأنديزية، البرازيلية، وفن الشعوب الأسترالية الأصيلة. كل شكل مرسوم بالكود من الصفر، بألوان بأدوار تتبدل دون مساس بالرسم. تُستعمل بـ JavaScript (SVG أو Canvas) أو بـ CSS وحده، ولكل فرع ملف CSS خاص في css/. اضغط أي بطاقة لنسخ معرّفها.

Ornament from world cultures: Pharaonic Egyptian, Nubian, Mesopotamian, Amazigh, African, Chinese, Indian, Japanese, Andean, Brazilian and Aboriginal Australian. Every shape is drawn in code from scratch, with role-based colors you can swap. Use it from JavaScript (SVG or Canvas) or CSS alone; each branch also has its own file in css/. Click any card to copy its key.

الاستعمالUsage

<link rel="stylesheet" href="world.css">   <!-- or css/<branch>.css -->
<i class="sa-motif sa-egypt-lotus"></i>                 <!-- unit · size: --sa-size -->
<div class="sa-band sa-egypt-b_khekher"></div>              <!-- repeating band · --sa-band -->
<section class="sa-frame sa-egypt-f_maqbara">…</section>     <!-- any-size frame · --sa-frame -->
<div class="sa-tile sa-egypt-t_nujum"></div>              <!-- all-over pattern · --sa-tile -->
<i class="sa-motif sa-mono sa-egypt-lotus"></i>         <!-- one color = currentColor -->

<script src="world.js"></script>      // or ../heritage.js (all families)
Heritage.svg('egypt/lotus', { height: 80 })                  // SVG text
Heritage.paint(ctx, 'egypt/b_khekher', { x, y, h: 40 })          // Canvas
Heritage.svg(Heritage.frame({ w: 400, h: 260, t: 40, side: Heritage.get('egypt/b_khekher') }), { region: 'egypt/b_khekher'.split('/')[0] })