html5-canvas 在线移动对象
我想在斜线上移动一个对象.我已经给出了我的代码.在我的第三个 div 的代码中，当我移动滑块时，我在这条线上画了一条斜线，我想移动一个对象.我在我的第一个 div 中做类似的事情.我在曲线上移动物体的地方.我正在寻找一些函数，我将在其中提供点并且对象将跟随这些点.这是我的代码.此代码仅适用于 chrome，因为我试图将其仅用于 safari 和 chrome 浏览器.
..
html5-canvas相关内容
Fabrics - 如何在鼠标悬停之前呈现免费的绘图内容
我有一个组件在“after:render"事件中使用 fabricjs 画布内容，这适用于添加对象、移动对象等所有功能. 然而，当涉及到自由绘图时，“after:render"事件仅在绘图完成后触发，即鼠标向上事件.我试图在鼠标绘图时读取画布数据但没有运气，显然在绘图期间内容尚未呈现到画布上. 我从这个 PR https://github.com/fabricjs/fabric 了解到
..
在画布中的圆圈之间绘制垂直线
我想在我的项目中的圆圈之间画一条垂直线. 这些是我的代码: html:
..
使用 EaselJS 在 html5 画布中绘制一条线
我对 Easel 和 HTML5 本身非常陌生.我正在尝试使用 EaselJS 在画布上绘制一条线.X 坐标固定为 100，Y 坐标从数组列表中获取.我编写的代码如下所示.有人可以告诉我哪里出错了吗? function myFunction(attachPoint){//画布创建的代码写在这里.[未显示];//创建了一个舞台.阶段 = 新的 createjs.Stage(canvas.domEl
..
如何在画布中定位 Path2D SVG 元素?
我正在画布上绘制一个 path2D SVG 形状.问题是 moveTo 函数在使用 SVG 数据时似乎不起作用. 此代码笔说明了该问题.https://codepen.io/grasmachien/pen/rNaJeBN const canvas = document.getElementById('canvas');const ctx = canvas.getContext('2d');
..
fillStyle 不是函数
我收到一个不寻常的错误: ctx_wrap.fillStyle 不是函数 在这一行: ctx_wrap.fillStyle('#b8b8b8'); 在这里: ...this.paint = 函数() {self.path(ctx_wrap);如果(！isOver){ctx_wrap.fillStyle('#b8b8b8');} 别的 {ctx_wrap.fillStyle('#d
..
在 <canvas> 上将鼠标悬停在图像上进行缩放
我有一个画布，我在上面画了一张图片: var imageObj = new Image();imageObj.onload = 函数() {context.drawImage(imageObj, 0, 0);};imageObj.src = 'http://localhost:8080/apache_pb2.png'; 但我想在鼠标悬停时缩放图像.所以我尝试了这段代码: imageObj.o
..
如何在画布元素中使用 html 内容
谁能告诉我如何将我的 html 内容放在画布上.如果我们能做到，这些元素的属性和事件是否有效，并且我在画布上绘制了动画. 解决方案 来自 MDN 上的这篇文章: 您不能只将 HTML 绘制到画布中.相反，您需要使用包含您要呈现的内容的 SVG 图像.绘制 HTML内容，您将使用包含 HTML 的元素，然后将该 SVG 图像绘制到您的画布中. 建议您按照以下步骤操作: 这里
..
使用 fabricjs 模拟自由绘图
我正在开发具有白板的应用程序.白板应该像 idroo.com 一样工作.一个用户正在绘制一些其他用户应该能够在他的浏览器上实时看到的东西.我使用fabricjs 作为画布包装器，它有我需要的一切.但我无法在画布上模拟自由绘图.我将鼠标位置和画笔选项发送到远程客户端，并尝试通过触发鼠标移动事件来呈现它们.但它不起作用.如果有人有类似的问题，你能帮忙吗? canvasContainer.on('mo
..
Html 5 Canvas 完整箭头
我正在使用 wPaint 插件，并尝试添加更多功能.我需要的是一条以“箭头"结尾的画线.我已经尝试了几乎所有我能想到的东西，但我只能得到箭头的一半(想象
..
画布响应式媒体屏幕最小宽度 - FabricJS
我尝试为每个分辨率调整画布，所以我首先使用 css 并为每个分辨率放置媒体屏幕. @media screen and (min-width: 320px) {#c { -webkit-transform : scale(0.38);-webkit-transform-origin:0 0；} https://jsfiddle.net/qj3oyzs8/ 它对我有用，但所有对象都不能正确拖
..
HTML5画布的大小和分辨率有什么关系
有没有一种方法可以创建大尺寸但低分辨率的画布.我使用语法 声明画布.我在 7 英寸平板电脑上运行上述代码，画布横跨画布屏幕的一半.有没有一种方法可以创建一个再次覆盖一半屏幕但分辨率较低(图像质量较低)的画布.实际上，我在画布上画了一些东西，然后使用 canvas.toDataURL(
..
html5画布弹性碰撞方块
我重新问这个问题，因为我没有在上一个问题中明确说明我想要什么. 有谁知道如何使用矩形在 Canvas 中进行弹性碰撞或处理碰撞?或者可以指出我正确的方向吗? 我创建了一个有多个正方形的画布，并且希望每个正方形在它们接触时偏转. 这是我放在一起展示给黑色缓冲画布的一个快速小提琴 http://jsfiddle.net/claireC/Y7MFq/10/ 第 39 行是我开始碰
..
为什么没有定义组件
我正在创建一个明信片应用程序.为了利用网络摄像头，我正在使用窗口对象上可用的 webkitURL 并使用 react 构建应用程序 我尝试分别测试每个功能，一切都很好，但是一旦我将所有东西放在一起，我在控制台中收到此错误 'Component' is not defined'. 这是截图 给定错误 所以*我的问题是: 为什么组件不可用? 可以在 Capture 组
..
制作模糊形状的 HTML 画布
我想使用 HTML 制作简单的形状.但是形状需要很大.而且画布是全屏的 示例:http://jsfiddle.net/xLgg43s9/1/embedded/result/ 代码:
..
在放大织物js时保持对象大小
即使用户放大或缩小，是否有任何解决方案可以保持对象大小?我想在谷歌地图上实现类似的行为.因此，如果我有一个高度和宽度为 20 的对象(对象组)，即使我放大它，默认情况下它仍应为 20 像素.现在我的行为是，当用户放大或缩小图像时，图像会变大/变小.我还循环了画布上的所有对象，然后为其设置了 scaleX 和 scaleY，但结果对我来说太迟钝了. var canvas = new fab
..
图像未加载到画布上
我的问题是将本地托管的图像加载到画布上时遇到问题.我曾尝试在 Web 服务器上使用 XAMPP 和本地托管代码，但 LightBlue.jpg 图像似乎永远不会加载.但是，当我使用来自网站的外部图像时，代码可以完美运行.我在下面提供了一个示例. HTML:
..
不能从上下文对象继承?
我试图创建一个从上下文对象继承的对象.但是在从我继承的对象调用函数时，浏览器 (Chrome) 会显示 Uncaught TypeError: Illegal invocation.这是基本代码: http://jsfiddle.net/adrianh/BKYfv/1/ var c = document.getElementById("myCanvas");var ctx = c.getC
..
HTML5 画布文本编辑
我在 HTML5 画布中使用 fillText(); 填充了一个文本如何使其可编辑并将值读入变量?文本必须在画布内，因为它会写在一些复杂的多边形内. 解决方案 无法从画布中获取文本.您需要做的是在使用 fillText(); 并渲染画布之前将文本保存在变量中.当你想编辑画布中的文本时，你必须重新绘制画布，当你想用 fillText(); 渲染编辑的文本时，你必须再次从变量中读取文本..p>
..
如何通过在背景画布中绘制线条来连接两个 HTML 元素?
可能更多的是一道数学题，但这里是…… 我想要做的是通过背景画布上的动画线连接两个 HTML 元素 这是我想做的简化版本的小提琴. http://jsfiddle.net/loupax/zUqXn/ 线条确实存在，但它们在画布之外，如果您使用元素检查器，您可以看到画布中绘制的线条的坐标.有人可以帮我解决我做错了什么并且线条不合适吗? 这证明了线条是画出来的，但不合适.(
..