راشل کافمن، توسعهدهنده، روشی برای ایجاد تصاویر Open Graph سفارشی و تولید شده به صورت رویهای برای وبلاگ خود با استفاده از طرح Truchet ایجاد کرده است. این تصاویر شامل پسزمینهای با طرح Truchet منحصربهفرد، عنوان پست و نام نویسنده هستند. او از کارهای کریستوفر کارلسون و الکس چان الهام گرفته و با ترکیب تکنیکهای آنها، این تصاویر را تولید میکند. فرآیند شامل تعریف مجموعهای از کاشیهای پایه SVG، تعریف اشکال و استفاده از جاوااسکریپت برای انتخاب تصادفی کاشیها و قرار دادن آنها در تصویر است. او همچنین از پارامترهای کوئری برای افزودن متن به تصاویر استفاده میکند، اگرچه با چالشهایی در موقعیتیابی متن SVG مواجه شده است. در نهایت، او یک راهحل "hacky" را پیادهسازی کرده است که در آن متن به خطوطی با حداکثر 8 کلمه تقسیم میشود.
مشاهده مطلب اصلی