首页 > 解决方案 > 穿过一个圆圈 Javascript

问题描述

试图通过一个圆圈画一条线

例如: https ://imgur.com/wk9lAwD

这是我的代码: https ://codepen.io/ethan-horrigan/pen/OrRLXx

    var r = 200;
    var x1 = 800 / 2;
    var y1 = 540 / 2;

    var x = r * Math.cos(Math.PI / 180 * 135) + x1;
    var y = r * Math.sin(Math.PI / 180 * 315) + y1;

    ctx.beginPath();
    ctx.arc(x1, y1, r, 0, Math.PI * 2, false);

    ctx.moveTo(x1,y1);
    ctx.lineTo(x, y);
    ctx.stroke();

标签: javascript

解决方案


我相信这就是你想要的:

ctx.moveTo(x, y);
ctx.lineTo(x1 + (x1 - x), y1 + (y1 - y));
ctx.stroke();

密码笔


推荐阅读