HTML5 Canvas Brush

Question

Я искал в Интернете и не нашел ответа. Я хочу рисовать линии на элементе HTML5 canvas, но с текстурой, которая не является сплошной, а скорее пользовательской. Так же, как кисти в Photoshop, если вы их знаете. Например, чтобы иметь линию, которая выглядит как нарисованная мелом или кистью художника. Вы знаете, как это сделать?

Answer 1

Почему бы вам не использовать croquis.js ?

Имеет аккуратную реализацию кисти, как в Photoshop :)

А вот Демо , использующее croquis.js.

Answer 2

Рассматривали ли вы использование таких библиотек, как Processing.js или Fabric.js ?

Вы также можете посмотреть эту запись в блоге, которая может быть интереснойдля вас:

http://rhyolight.posterous.com/new-brushes-for-harmony-canvas-app

Если вы хотите разработать все с нуля, вам следует приложить немало усилий!