キャンバスやCSSを使用して図形を描画する方法は？

Question

私はhtml（css）またはキャンバスでこの図形を作成する方法を探しています。

ありがとうございました。

Answer 1

はこれを試してみてください。詳細については

<script> 
    var canvas = document.getElementById('myCanvas'), 
     context = canvas.getContext('2d'), 
     startAngle = 1.2 * Math.PI, 
     endAngle = 0.8 * Math.PI; 

    context.beginPath(); 
    context.moveTo(50, 70); 
    context.lineTo(250, 70); 
    context.arc(300, 100, 50, startAngle, endAngle, false); 
    context.lineTo(50, 130); 
    context.closePath(); 
    context.lineWidth = 5; 
    context.strokeStyle = 'blue'; 
    context.stroke(); 
</script> 

がhere