[JS] Домашно JavaScript APIs - 4 задача


5

Предлагам тук да обсъждаме елемента canvas и 4-та задача от JavaScript APIs.

Draw the following graphics using canvas:

canvas graphics

За да спестя малко писане съм ползвал библиотеката CanvasPlus: https://code.google.com/p/canvasplus/ (има функции и за чертаене на триъгълници, за ротация на фигурите).

Разбира се, може да се ползват и функциите от демото на Дончо "canvas-shapes.html". Ако някой ползва други по-удобни библиотеки за чертане, нека да пише.

HTML.

Демо.




Отговори



1

Решение

Разделям си 3те обекта - къщата, колелото и човека в отделни функции. Няма такова нагласяне на пиксели - 1 нагоре, 2 наляво ... с къщата и колелото е по-човешко, но с тея елипси с човечето голяма играчка :) 


от dzhenko (3893 точки)


0
На мен човечето ми отне 3 пъти повече време от другите 2 фигури взети заедно : ]

от borisov90 (609 точки)


0

Опитвайки се да напиша кода на задачата установих че intelliSence-a се е загубил. Ето какво ми казва visual studio ultimate 2013 : 

Някаква представа как да го оправя?  Благодаря .

п.с. проекта е ASP.NET Web Application . Пробвах и Blank Node.js Console Application , но резултата е същия


от geniusvil (192 точки)


0
Въпрос, някой може ли да ми даде идея защо кодът ми за тази задача се чупи:

http://pastebin.com/LzSpqrrC

от cerealBoxx (504 точки)


0
Ако идеята ти е когато не бъде подадена стойност на rotate, да нямаш rotate, то кода мисля че трябва да бъде angle = angle || 0; С това 90, вероятно го пращаш някъде извън канваса и не го виждаме.

от d.brezoev (212 точки)