Ω

canvas相关问题

画布尺寸

<<H5核心技术图形动画与游戏开发(David Geary)>> (4页)

canvas使用style="width:500px"设置和在元素上设置width=500,效果不一样.

因为元素有两套尺寸,一个是canvas元素尺寸,一个是绘图表面尺寸.使用style时,只修改元素尺寸.使用width时,都修改了

何时修改尺寸,例如下述代码.要先修改尺寸,再设置其它属性比如字体之类的.否则结果可能意想不到.

    ctx.canvas.width = 600;
    ctx.font = '16px serial';

默认坐标系统

<<H5核心技术图形动画与游戏开发(David Geary)>> (46页)

以左上角为顶点,向右为X轴,向下为Y轴,默认大小为 300 X 150

物体碰撞

<<H5核心技术图形动画与游戏开发(David Geary)>> (42页)

当某个运动的物体同某个静止的物体发生碰撞时,如果我们需要让运动的物体被静止物体弹开....,通过计算两个向量的点积

<<H5核心技术图形动画与游戏开发(David Geary)>> (43页)

等式推导,用于编程时未知的量

HSL颜色值

<<H5核心技术图形动画与游戏开发(David Geary)>> (51页)

类似rgb(红,绿,蓝),hsl在表示形式上也是这种,hsl(颜色,饱和度,亮度).颜色值在一个圆形的区域中选择,0(360)度,表示红色,120度是绿色,240是蓝色

饱和度范围(100%~0),亮度范围(100%~0),这种颜色格式有点像调整显示器的饱和度和亮度.