canvas
文章平均质量分 58
爱编程的兔子
很帅
展开
-
canvas实现分散对齐
canvas水平对齐方式有: 值 描述 start 默认,文本在指定的位置开始 end 文本在指定的位置结束 center 文本的中心被放置在指定的位置 left 文本左对齐 right 文本右对齐JS调用:ctx.textAlign = "center | end | left | right | s...原创 2018-05-24 19:04:18 · 1741 阅读 · 0 评论 -
canvas样式和颜色
color(颜色)fillStyle = color; // 设置图形的填充颜色stokeStyle = color; // 设置图形的轮廓颜色transparency(透明度)line styles(线型)gradient(渐变)patterns(图案样式)shadows(阴影)canvas填充规则...原创 2018-10-25 20:35:32 · 18554 阅读 · 0 评论 -
canvas绘图形状总结
矩形rect(x,y,width,height) // 创建矩形fillRect(x,y,width,height); //创建填充的矩形strokeRect(x,y,width,height); // 创建轮廓矩形clearRect(x,y,width,height); //清除指定区域矩形,使其完全透明路径beginPath() // 起始一条路径或者重置当前...原创 2018-10-24 19:43:11 · 1669 阅读 · 0 评论 -
canvas中绘制文本
canvas提供两种文本渲染方式:fillText(text,x,y[,maxWidth]); // 在指定的(x,y)处填充文本,绘制的最大宽度是可选的strokeText(text,x,y[,maxWidth]); // 在指定的(x,y)处绘制文本边框,绘制的最大宽度是可选的属性:font = value; // 当前绘制文本的样式,和使用css中font属性相同,默认是"10px...原创 2018-10-30 11:02:48 · 964 阅读 · 0 评论