使用外部Javascript将图像添加到HTML画布

文章/答案/技术大牛

发布

2回答

如果我从外部url fabric js添加图像，则无法导出画布ti图像

image、fabricjs

你好，我创建了一个从外部URL添加图片的函数：<input type="text" id="IMGbyURL" placeholder="http://"/><a href="#" onclick="ImgPorURL(document.getElementById('IMGbyURL').value)">Agregar</a> 添加图像</e

浏览 0提问于2016-05-27得票数 0

2回答

javascript、html

我正在尝试在画布中显示图像。我尝试了多个解决方案，但图像从未显示。在HTML中简单地通过标记添加图像效果很好，所以我知道这不是文件路径或图像本身的问题…… 单独的文件、HTML文件和JS文件 <!DOCTYPE html><head><script src="MovingSq

浏览 22提问于2019-08-29得票数 2

回答已采纳

1回答

从外部URL服务的HTML图像中获取像素的颜色？

javascript、html、image、image-processing、html5-canvas

假设我们有一个HTML页面，其中包含一些来自外部域的JPEG图像。目的是利用JavaScript对这些图像的颜色数据进行分析。解决此问题的常见方法是将图像“转换”为HTML并访问颜色数据(请参阅)：var canvas = $('<canvas/>')[0]; var pixelI

浏览 2提问于2014-04-23得票数 1

回答已采纳

1回答

当用户单击“保存”时，如何使用输入字段将图像转换为base64

javascript、jquery、image、file-upload、base64

当用户单击“保存”时，我希望获取他/她选择的图像，并将其转换为base64并返回该图像。有可能吗？src="" width="200" style="display:none;" /><div id="disp_tmp_path"></div> <script type="text/javascriptfadeIn("fast").

浏览 4提问于2016-12-15得票数 1

回答已采纳

1回答

在画布上绘制的图像中添加碰撞检测

javascript、html5-canvas、collision-detection、kineticjs

我正在使用HTML5画布和JavaScript创建一个简单的基于web的游戏。我现在有一些图片显示在画布上，每一张都代表在快餐店找到的物品。我计划通过使用保存框图像的JS变量的名称来检查用户是否将图像拖到正确的框中，以及每个项目图像的HTML标记，即img“椅子”有alt标记“资产”，资产的描述框有变量名"assetsDescriptionBox"，因此我将使用

浏览 1提问于2012-12-17得票数 3

回答已采纳

3回答

PHP / Javascript* / HTML5画布-加载外部图像*

javascript、php、html、canvas

好的，我想： file_put_contents("copy.jpg", file_get_contents("http://external.com/

浏览 0提问于2015-04-23得票数 3

4回答

html5画布-宽度/高度需要内联定义吗？

javascript、html、canvas

我一直在摆弄HTML5 / Javascript，发现了一些我不理解的东西。我试图编写一些使用HTML5画布的基本例程，结果发现drawImage函数没有绘制任何内容。考虑到这是我的代码，我使用了现有教程中的代码，即。当我在外部包含Javascript代码时(即作为一个单独的文件)，我仍然没有看到我的图像绘制到画布上。我发现不同之处在于逐字代码定义了内联画布的宽度和高度。我更喜欢

浏览 6提问于2012-03-15得票数 4

回答已采纳

1回答

如何在Rails中提交表单时将画布图像发送到数据库

javascript、ruby-on-rails、canvas

我正在Rails中创建一个应用程序，用户可以使用JavaScript在html5画布上绘制。使用JavaScript，我可以将画布转换为图像，这样用户就可以很容易地右键单击画布并保存图像： img.onload = function(){ctx.drawImage(img,0,0); img.src = window.mapIm

浏览 10提问于2016-08-09得票数 0

回答已采纳

2回答

尝试将图像绘制到画布，然后使用Caman.js操作此图像

javascript、html、canvas、camanjs

img.src = event.target.result; reader.readAsDataURL(e.target.files[0]); 在画布上绘制一个图像img#example{"data-caman-hidpi" => "images/example1_1200.jpg", src: "images/example1_600.jpg"}/ 它操作存储在图像中的图像</e

浏览 2提问于2013-12-18得票数 0

2回答

Jquery和画布代码不能在同一个外部文件上工作。

javascript、jquery、canvas

使用外部文件进行分隔时，一切都很好，一切都如愿以偿。当将内联画布javascript添加到外部文件时，canvas元素不能工作，但是jquery是工作的。javascript是在canvas元素之后加载的，因为我的外部javascript是在关闭主体标记之前链接的，而且如果我从外部文件中删除了所有jquery，画布元素又开始工作了。编辑现在，我还尝试<em

浏览 6提问于2013-02-21得票数 0

回答已采纳

1回答

我正在尝试创建一个可以调整大小和可移动的表

javascript、html、canvas

我正在尝试创建一个可以在画布上编辑、调整大小和移动的表格。我使用以下代码在canvas上创建了一个表：var context = canvas.getContextdocument.createElement("input"); row.appendChild(element);} 当我在画

浏览 1提问于2014-02-04得票数 0

1回答

检测给定页面使用的外部资源和文件大小

javascript、html、profiling

使用JavaScript，我想要检测有多少JavaScript，CSS和图片正在被网站使用。最重要的是，我想要获得每个资产的文件大小。这是可能的吗?如果是的话，你会怎么做？

浏览 0提问于2012-11-14得票数 0

2回答

SecurityError:在画布中加载图像，修改图像并创建dataURL

javascript、html、canvas

我尝试使用HTML5引入一个图像文件，将其绘制到画布上，对其进行一些操作，然后返回dataURL，这样我就可以引用这个新生成的图像。</canvas> c = document.getElementById("myCanvas"); cxt = c.getContext，c.toDataURL()的日志是一个空白画布

浏览 2提问于2012-12-15得票数 3

回答已采纳

3回答

上传图像文件:客户端是否已经可以进行压缩？

javascript、html5

类似于：我正在寻找一些jQuery插件，其他JS库或示例网页，这样做。

浏览 0提问于2012-04-12得票数 9

1回答

使用svg进行图像标注

html、svg、raphael、jquery-svg

有没有人能给我澄清一下：我们需要安装任何外部插件才能在web浏览器中使用SVG吗？它会被移动浏览器支持吗？与HTML5相比，SVG有哪些优势？

浏览 2提问于2012-10-19得票数 2

回答已采纳

2回答

使用外部css文件时画布图像大小错误

javascript、css、html

我正在使用HTML5画布元素。我使用以下javascript在画布中绘制图像：var canvas = this.e;<canvas id="canvas" width="800"

浏览 1提问于2012-09-26得票数 1

回答已采纳

1回答

将画布图像从JavaScript发布到RESTful网络服务

javascript、java、html、json、rest

我目前正在实现一个工具，它需要保存来自HTML的画布图像，并使用JavaScript将画布图像上传到RESTful web服务。我一直纠结于如何使用JSON将画布图像上传到Web服务，以及如何使用Java实现将画布图像检索到Web服务端的代码。

浏览 0提问于2016-06-20得票数 1

2回答

使用纸张JS将图像添加到画布中

javascript、html5-canvas、paperjs

我使用普通的javascript将图像添加到画布中，这是代码context = canvas.getContextChrysanthemum.jpg'; context.drawImage(can_img, 100, 100); } 如何使用paperJ

浏览 4提问于2013-06-01得票数 5

2回答

HTML5画布-图像文件不会在画布上显示

javascript、html、canvas、html5-canvas

我正在尝试让一个图像文件显示在画布上，但似乎无论我尝试什么，它都不会显示在画布上。我已经尝试了几个我在网上找到的例子，但似乎都不起作用。使用JavaScript <h3>Puzzle Time</h3> <canvas onclick="fillCanvas600" height="450

浏览 5提问于2014-08-13得票数 2

2回答

将多幅油画放入一个div中，并将它们合并到一个画布中。

javascript、css、html、html5-canvas

我动态地创建了添加到div中的画布。我有一个机制，允许这些画布可以自由地在div内移动。(每个画布实际上都是动态呈现的象形文字)我研究过，他们说:你不能导出一个div作为一个图像。所以我想为什么不把这些画布组合成一个，然后使用canvas.todataurl() 当我刚到html5的时候，请把孩

浏览 1提问于2014-02-01得票数 0

回答已采纳

点击加载更多

如果我从外部url fabric js添加图像，则无法导出画布ti图像