鍍金池/ 問(wèn)答/HTML/ addPath()不起作用

addPath()不起作用

代碼：

<!DOCTYPE html>
<html>
<head>
    <title>canvas元素示例</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        function draw(){
    var canvas = document.getElementById('canvas');
    if (canvas.getContext) {
        var context = canvas.getContext('2d');
        var path1 = new Path2D();
        path1.rect(10,10,100,100);
        var path2 = new Path2D();
        path2.moveTo(220,60);
        path2.arc(170,60,50,0,2*Math.PI,false);
        path2.addPath(path1);
        context.stroke(path2);
    }
}
    </script>
</head>
<body onload="draw()">
    <h1>canvas元素示例</h1>
    <canvas id="canvas" width="400" height="300"></canvas>
</body>
</html>

然后chrome提示：
圖片描述
我這看蒙了也沒(méi)看出來(lái)哪里寫(xiě)錯(cuò)了，求救~

回答
編輯回答
柚稚

canvas還沒(méi)有實(shí)現(xiàn)addPath這個(gè)方法，你可以使用一個(gè)polyfill，canvas-5-polyfill。

2017年3月21日 15:27
編輯回答
怣痛
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 未實(shí)現(xiàn) 34 (34) 未實(shí)現(xiàn) (Yes) (Yes)
2018年5月4日 09:57