html5

Html5 Canvas

    关于画图，GDI,GDI+,Direct2D,Java Graphics,WPF,Html5 Canvas
        `好吧，其实说实话，这些都不会！now begin!`

题目1：

Create your own simply HTML parser / renderer for limited tags:
< P>, < B>, < I>, < U>, < UL>,< LI>
the code would parse a string containing the HTML tags either in JS, C#, Java, or C++, then render it to screen with whatever graphics technology you familiar: GDI, GDI+, Direct2D, Java Graphics , WPF, HTML5 Canvas. You can choose any IDE. Please don’t use existed parser / renderer of web browser (like IE, Chrome, and Firefox).

Sample:
The tags:

1
2
3
4
5
6
7
8

<b>This is a bold text.</b>
<l> This is a italic text.</l>
<p>New paragraph. </p>

<ul>
    <li> Item1</li>
    <li> Item2 with<u>underline</u></li>
</ul>

题目2：

Build your own bar chart or line chart for a data table.

Takes a series of data points and plots them on the screen with x, y axes, labels and so on. You can use JS, C#, Java, C++ or whatever technology, the IDE is familiar with. Please don’t use existed chart components/Controls, but render chart with graphics technology like: GDI, GDI+, Direct2D, Java Graphics , WPF, HTML5 Canvas. Please pay attention, when the data make big different, you need to change Coordinate Units of the axis.

Sample:
| d| d1 | d2 | d3 |d4 |
| ——- | ——-:| :——:|:——:|:——:|
| s1 | 3 | 34 |21 | 4 |
| s2 | 23 | 4 |7 |15 |
| s3 | 12 | 9 |5 |23 |

    <img src="../img/1.jpg">