2012-04-10 2 views
1

Возможно ли распространять изображение внутри холста html5. , как будто у меня есть 2,3 фигуры .. как прямоугольник, круг и некоторые квадраты и некоторая случайная пропорциональная форма .. и у меня есть список изображений .. они текстуры не точно окрашивают только текстуры, и если я нажму на один, я хочу, чтобы он распространился внутри любой формы (преобразуйте себя соответственно, не искажая финиш) , вероятно, путем сопоставления координат, а затем распространение изображения или его умножение. Есть ли способ сделать это? внутри html5 холст конечно это немного сложно объяснить, но если у кого есть какие-либо идеи по этому поводу, то некоторые указатели было бы хорошо ..Распространение изображения внутри фигуры в холсте html5

С уважением, Ашиша

+0

Да, есть способ сделать это. Можете ли вы опубликовать существующий код, который у вас есть, желательно jsFiddle и ссылку на него? – alex

+0

Ну, я принял каждый ответ, который сработал для моей проблемы. Я серьезно не знаю, что вы имеете в виду здесь .. и @alex m загружает демо на jsfiddle ... поделитесь ссылкой через некоторое время. Спасибо – ashishashen

ответ

2

Во-первых, вы должны сохранить координаты ваши фигуры и нажмите тест, щелкнув мышью, чтобы найти совпадения.

Чтобы заполнить фигуру изображением, используйте функцию createPattern с параметром 'repeat'. Определите свойство fillstyle для вашего шаблона и заполните в соответствии с координатами вашей фигуры.

ссылки, которые могут быть полезны:

http://www.tutorialspoint.com/html5/canvas_pattern_shadow.htm

http://simonsarris.com/blog/140-canvas-moving-selectable-shapes

+0

Спасибо ... это было полезно ... – ashishashen

Смежные вопросы