Change settings

src/components/CompareChartE.vue

@@ -46,7 +46,7 @@ function getAgentColor(agent, idx = 0) {
   return AGENT_PALETTE[idx % AGENT_PALETTE.length]
 }
 
-function drawImageInCircle(ctx, img, cx, cy, radius, { mode = 'cover', padding = 0 } = {}) {
+function drawImageInCircle(ctx, img, cx, cy, radius, { mode = 'contain', padding = 0 } = {}) {
   if (!img) return;
   const r = Math.max(0, radius - padding);
   ctx.save();
@@ -144,7 +144,7 @@ async function composeBadge(agent, model, color = '#666') {
 
   // agent logo (fit into inner circle)
   if (aImg) {
-    drawImageInCircle(ctx, aImg, R, R, R - 1, { mode: 'cover', padding: 6 });
+    drawImageInCircle(ctx, aImg, R, R, R - 1, { mode: 'contain', padding: 6 });
   }
 
   // model puck (bottom-right)