[HTML5 Canvas学习]使用颜色和透明度
浏览数：26 /
时间：2015年06月09日
在canvas中使用颜色和透明度，通过context的strokeStyle和fillStyle属性设置，strokeStyle和fillStyle的值可以是任意有效的css颜色字串。可以用RGB、RGBA、HSL、HSLA以及十六进制RGB标注来指定颜色，也可以通过 “yellow”、“silver”、“teal”这样的颜色名称来指定。除此之外，还可以使用SVG1.0规范中的颜色名称，比如“goldenrod”、“darksalmon”、“chocolate”。
在http://dev.w3.org/csswg/css-color/上可以找到一份完整的规范书！
下面使用strokeStyle和fillStyle重画矩形
<script>
var canvas = document.getElementById(‘canvas‘),
context = canvas.getContext(‘2d‘);
context.lineJoin = ‘round‘;
context.lineWidth = 20;
context.strokeStyle = ‘goldenrod‘;
context.fillStyle = ‘rgba(0, 0, 255, 0.3)‘;
context.strokeRect(10, 10, 150, 100);
context.fillRect(180, 10, 150, 100);
</script>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
