В SO уже есть несколько записей "CSS transform = blurry text", но я думаю, что здесь у меня есть уникальная штуковина. Я пробовал все другие исправления безрезультатно.

Я реализую метод преобразования CSS центр / середина выравнивания:

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate(-50%,-50%);
}

Как только я применяю изображение через drawImage И изменяю размер холста, который находится под.centered элемент, текст начинает размываться на «полупикселе».-webkit-transform-style: preserve-3d Исправление не имеет никакого эффекта. Это происходит только в Chrome и Safari.

Вот ручка с сокращенным тестовым набором:http://codepen.io/andrewtibbetts/pen/owzJa

Изменив размер окна, вы заметите, что размытие прекращается, если текст не находится непосредственно над холстом.