HTML canvas lineJoin 属性

ˈhɛtl5 ˈkævəns ˈrɛfərənsm ˈhæŋkɪt

定义和用法

lineJoin 属性设置或返回所创建边角的类型，当两条线交汇时。

ˈkɔːmənt值 "miter" 受 miterLimit 属性的影响。

实例

当两条线条交汇时，创建圆形边角：

Your browser does not support the canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ˈkʌntɛkst ˈbɛɪɡɪnˈpaθ();
ˈkʌntɛkst ˈlaɪnˈdʒɔɪn="ˈraʊnd";
ˈkʌntɛkst ˈmʊˈtəʊ(20,20);
ˈkʌntɛkst ˈlaɪnˈtəʊ(100,50);
ˈkʌntɛkst ˈlaɪnˈtəʊ(20,100);
ˈkʌntɛkst ˈstrɔːk();

ˈmɪkstɪm ˈtrɪːz ˈɪt

ˈɡræmətɪk

ˈkɑːntɛkst ˈlaɪnˈdʒɔɪn="ˈbiːvəl|ˈraʊnd|ˈmaɪtər";

ˈættrɪbjuːt ˈvɑːljuː

ˈvɑːljuː ˈdɪskrɪpʃən
ˈbiːvəl ˈbiːvəl
ˈraʊnd ˈraʊnd
ˈmaɪtər ˈmɪkstɪm

ˈtɛkənɪkəl ˈdɪˈteɪl

ˈmɪkstɪm ˈvɑːljuː ˈmaɪtər

ˈbrɔːzər ˈsʌpɔːrt

ˈbrɛɪkɪŋ ˈnʌmərz ɪn ˈðə ˈtæbəl ɪz ˈnɔːtɪsɪd ˈbɪ ˈðə ˈfɔːrst ˈbrɔːzər ˈvɛrʃən ˈsəːpɔːrtɪŋ ˈðə ˈættrɪbjuːt.

ˈkʌlɪm ˈɛdʒ ˈfɪkstrɛf ˈsæfəri ˈɑːpərə
ˈkʌlɪm ˈɛdʒ ˈfɪkstrɛf ˈsæfəri ˈɑːpərə
4.0 9.0 3.6 4.0 10.1

ˈkɔːməntˈɪntərˈnɛt ˈɪnˌtɛrˈpɪərə ˈeɪt ˈænd ˈɛər ˈnɑː ˈʌnˈsʌpɔːt ˈkævəns ˈɛlɪmənt.

ˈhɛtl5 ˈkævəns ˈrɛfərənsm ˈhæŋkɪt