Функция drawtriangles в javascript

Question

Мне нужно сделать некоторое преобразование изображения в JavaScript.


Ищете альтернативу AS3 drawtriangles функции. Я использовал IvanK Lib, он очень мощный, но работает над WebGL. Нужен способ сделать это только с холстом.

Заранее спасибо.

Answer 1

Когда вы говорите «только с холстом», вы имеете в виду только с 2D-контекстом холста?

Ваши текстовые примеры являются непараллельными преобразованиями. Вы не можете выполнять непараллельные преобразования в 2D-контексте.

Я думаю, что из вашего вопроса я понимаю, что вы не хотите использовать 3D-контекст - в отличие от нежелания использовать IvanKLib. Вы можете сделать ваш текст трансформируется в 3D-контексте без IvanKLib. Трехмерный контекст Canvas - это WebGL и работает в Chrome и Firefox.

Использование 2D-контекста, наиболее близким к которому вы можете управлять, является управление пикселями. Вот хорошая статья о треугольном искажении изображений на уровне пикселей: http://codeslashslashcomment.com/2012/12/12/dynamic-image-distortion-html5-canvas/