相关疑难解决方法(0)

我想沿特定路径做一个对象的动画

我必须在路径上移动小矩形.在画布内单击后,矩形会移动.

我无法为它设置动画,因为对象只是跳到所需的点.

请在小提琴上找到代码.

HTML

<canvas id="myCanvas" width=578 height=200></canvas>
Run Code Online (Sandbox Code Playgroud)

CSS

#myCanvas {
    width:578px;
    height:200px;
    border:2px thin;
}
Run Code Online (Sandbox Code Playgroud)

JavaScript的

var myRectangle = {
    x: 100,
    y: 20,
    width: 25,
    height: 10,
    borderWidth: 1
};

$(document).ready(function () {
    $('#myCanvas').css("border", "2px solid black");
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');
    var cntxt = canvas.getContext('2d');
    drawPath(context);
    drawRect(myRectangle, cntxt);

    $('#myCanvas').click(function () {
        function animate(myRectangle, canvas, cntxt, startTime) {
            var time = (new Date()).getTime() - startTime;
            var linearSpeed = 10;
            var newX = Math.round(Math.sqrt((100 …
Run Code Online (Sandbox Code Playgroud)

javascript jquery canvas html5-canvas

23
推荐指数
2
解决办法
3万
查看次数

在javascript中查找三次贝塞尔曲线的所有点

我有一个带2个控制点的立方贝塞尔曲线.起点和控制点是已知的.给定控制,起点和终点,需要得到曲线的所有点.我想要实现的是..给出从1到曲线长度的值i.得到该位置中每个点的X和Y以及alpha(角度).我找不到一个好的参考或工作代码.我正在使用javascript.

math graphics geometry bezier 2d

5
推荐指数
1
解决办法
6662
查看次数

标签 统计

2d ×1

bezier ×1

canvas ×1

geometry ×1

graphics ×1

html5-canvas ×1

javascript ×1

jquery ×1

math ×1