Как уменьшить зубчатость в диагональных линиях SVG (кончики с анти-альцами) ⇐ Javascript

[Anonymous]

Я работаю над проектом React, где я генерирую динамическую матрицу SVG с перекошенными/наклонными ячейками. Скорог создает диагональные внешние границы, но эти строки имеют серьезную затухание (псевдоним). < /P>
Вот код соответствующей реализации: < /p>
function Matrix({rows = 3,
cols = 3,
cellSize = 100,
color = 'transparent',
textSize = 30,
textColor = 'black',
strokeColor = 'black',
strokeWidth = 3,
angle = -12}
){

const width = Math.round(cellSize*Math.cos(Math.PI*(angle/180)))
const cells = []
for (let i =0; i
Я попытался настроить свойство CSS-Rendering Form Значительно. Сгенерированные чернили будут менее зазубренными и более плавными, до уровня учебника или PowerPoint,
[*] Гладкость будет сохранена при экспорте в изображения позже.


Подробнее здесь: https://stackoverflow.com/questions/796 ... asing-tips