js canvas - text

Question

Czy może, koś zna posty sposób odbicie lustrzane i obrót czcionki. Czy jednak trzeba korzystać z globalnych, rotate translate, itd..

Np czcionka, która by była pisana wspak.

Edit bo to strasznie głupio wygląda

 for(let i=0;i<rightup.x;i++){
     // ctx.setTransform(1,0,0,-1,ucswth-rightup.x*unitobj.x+i*unitobj.x,rightup.x*unitobj.y);
      ctx.scale(1,-1);
      ctx.fillText(i,0,0,100);
      ctx.scale(1,-1);
      ctx.translate(unitobj.x,0);
    }ctx.setTransform(mainTransform);

lub jak sobie radzicie z "lewoskrętnym" układem ucs lub "prawo.." z "Z" za monitor.

Edit: ymax-y działało lepiej, ale się, gdzieś wkradł błąd, nie mogę znaleźć,

Comments

teoretycznie nie rozumiem dokładnie pytania

---

Dawno tym się nie zajmowałem i nie jest to mi w tej chwili potrzebne,

ale tak na szybko obrazowo :).

---

@TOWaD,  rozumiem czas 

Answer 1

Może nie nalazłem, odpowiedzi na to pytanie, ale znalazłem rozwiązanie problemu który mnie nurtował, ale w svg.

<svg id="plot" viewBox="-50 -50 100 100">
  <!-- Cała scena: Y odwrócone (rysujemy geometrię w układzie Y↑) -->
  <g id="scene" transform="scale(1,-1)">
    <g id="grid"></g>
    <g id="axes"></g>
    <g id="points"></g>
  </g>
</svg>

function pointerToData(evt) {
  const pt = svg.createSVGPoint();
  pt.x = evt.clientX;
  pt.y = evt.clientY;
  const inv = scene.getScreenCTM().inverse();
  const p = pt.matrixTransform(inv);
  // p.x, p.y są już w układzie Y↑
  // Zaokrąglenie do 0.1 dla spójności
  const x = Math.round(p.x * 10) / 10;
  const y = Math.round(p.y * 10) / 10;
  return { x, y };
}

Jak by ktoś chciał układ współrzędnych narysować.