canvas

html: css: js: 成品: <canvas id="c"></canvas> </body>

html: 图片素材: js: 效果： 大致思路： 就是取出当前图片的每个像素点的rgb值，对其进行取平均值和取反值得操作。

html: js: 效果： <canvas id="c" width="150" height="150"></canvas>

<canvas id="c" width="210" height="210" ></canvas>

<> <canvas id="c1" width="160" height="96"></canvas>

html： css: 图片: js: 至此功能已完成，点击和悬浮时可以把该点的颜色数据放到两个div中。如下图：

目前正在学canvas，想用canvas画一个太极图案练练手，大致拆解了下就是下面这种： 左右各一个黑/白大的半圆 上面右边有个黑色的半圆；下面左边有个白色的半圆 上下各一个鱼眼睛 刚开始绘制时没注意