html5-canvas

    2热度

    2回答

    我仍然不熟悉这整个画布的事情,有什么我有问题,即将图像内的内容保存为图像。这里是我的fiddle var img = new Image(); img.src = 'https://mdn.mozillademos.org/files/5397/rhino.jpg'; var canvas = document.getElementById('canvas'); var ctx

    -1热度

    1回答

    我需要制作具有Arial和Fontawsome混合的按钮和标签。就任何字体混合而言,HTML 5画布相对粗糙,尽管Konvajs具有方便的标签形状,但它并不适用除单个文本节点以外的形状,据我所知。看看我的答案片断,看看我想要什么,以及我如何解决它。

    -2热度

    2回答

    当我尝试翻译第一张图并保留第二张图时,第二张图也会移动,因此我试图将第二张图固定在指定位置,并且仅在第一张转换函数的值发生变化时才翻译第一张图。 我的代码: - <html> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">

    0热度

    1回答

    只是想知道我怎么会用JS这样加载图像: Maps.js {id: 21, colour: 'res/pillar.png', solid: 1, bounce: 0.30}, /*Loading the image in as an attribute*/ 的engine.js /*From draw_tile function*/ if (!tile || !tile.colour)

    0热度

    1回答

    我想在图像上添加一些文字。这工作正常,但我也希望文本动态从一个MySQL数据库。 现在我需要一个变量插入到对象中。 var myVariable = "text"; var text = new fabric.Text(myVariable, { fontFamily: 'Comic Sans', fontSize: 20 }); 我不明白这一

    0热度

    1回答

    我正在尝试沿着x轴移动圆弧,但它给出的错误是x未在更新函数中定义。变量未正确放置或缺少一些参考? 代码 <canvas id="myCanvas"></canvas> <script> var myCanvas = document.getElementById("myCanvas"); var c = myCanvas.getContext("2d"); var

    1热度

    1回答

    我想在Konva中定义一个自定义形状,我尝试了下面的代码绘制一个矩形,我想记录点击它,但点击检测不起作用。为什么? 我不知道我错了 <!DOCTYPE html> <html> <head> <script src="https://cdn.rawgit.com/konvajs/konva/1.6.5/konva.min.js"></script> <meta charse

    0热度

    2回答

    我试图创建和删除事件的弧,添加部分工作正常,我将它们保存在数组中,所以我可以通过某种方式调用事件侦听器来删除它们,我的意思是它的工作在控制台作为数组值精由其在画布 代码更新不及时递减: <script> var myCanvas = document.getElementById("myCanvas"); myCanvas.width = window.innerWidth;

    0热度

    1回答

    我想创建一个非常基本的JavaScript游戏使用html5画布。所以,我创建了一个主要播放器“class”,它应该在实例化和调用“init方法”时在画布上创建一个红色圆圈。最后,它也应该可以通过箭头键进行控制,为此,我尝试将事件监听器添加到文档中,检查keydown/keyup,然后更改布尔值,如leftPressed = true;等等。基于此,位移方法(在setInterval函数绘制中调用

    1热度

    1回答

    我需要知道在释放鼠标/按键之前多长时间才会按下鼠标/按键,因此响应将取决于按键/鼠标按键。 例如,我试过这个,但由于某种原因,它似乎没有工作。 var time = new Date(); var mousedown, mouseup, mousehold; document.addEventListener('onmousedown', function(){ mousedown