js的canvase为什么设置颜色的属性是strokeStyle而不是strokeColor?

Question

为什么不用strokeColor而是用strokeStyle，感觉很蹩脚啊

  <script>

               var can=document.getElementById("canvas");

               var can_context=can.getContext("2d");

               can_context.moveTo(10,10);

               can_context.lineTo(200,300);

             can_context.lineWidth = 20;

          can_context.strokeStyle="#990000" //配置颜色的属性为什么是style不是color

               can_context.stroke();

           </script>

Answer 1

因为他不仅仅是可以放一个颜色,可以是一个ctx.createLinearGradient(startx,starty,endx,endy);渐变,image,甚至canvas都可以,createPattern(canvas/image,repeat-style); 他实际上是一个值或是一个对象用来表示一种属性.

Answer 2

一个规定而已，如果你想用其他的，你可以写个自定义函数封装一下