从画布获取源URL或图像名称
是指在前端开发中，通过JavaScript代码从HTML画布元素中获取图像的URL或名称。
概念： 画布（Canvas）是HTML5提供的一个用于绘制图形、动画和图像处理的元素。通过在画布上绘制不同的图形和图像，可以实现丰富的前端交互效果。
分类： 根据获取方式的不同，可以将从画布获取源URL或图像名称分为两种情况：
- 静态获取：指在HTML代码中直接指定图像的URL或名称。
- 动态获取：指通过JavaScript代码动态获取画布上正在展示的图像的URL或名称。
优势： 从画布获取源URL或图像名称具有以下优势：
- 动态性：可以根据用户的操作或其他条件实时获取画布上正在展示的图像的URL或名称，实现更灵活的交互效果。
- 可扩展性：通过动态获取源URL或图像名称，可以方便地应用于不同的场景和需求，提高代码的可扩展性。
应用场景： 从画布获取源URL或图像名称的应用场景包括但不限于：
- 图像处理：可以获取当前正在处理的图像的URL或名称，进而进行一系列的图像处理操作，如滤镜、剪裁、旋转等。
- 游戏开发：可以获取正在展示的游戏角色或场景的图像的URL或名称，用于碰撞检测、状态判断等游戏逻辑。
- 数据可视化：可以获取画布上正在显示的数据图表的图像的URL或名称，用于生成报表、分享等功能。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算相关产品，以下是与画布相关的产品和服务：
- 腾讯云对象存储（COS）：提供了安全可靠的对象存储服务，可以将画布上的图像保存为对象并获取其URL。详细信息请参考：腾讯云对象存储（COS）
- 腾讯云云函数（SCF）：可以将获取画布上图像的URL作为输入参数，通过云函数实现更复杂的后端处理。详细信息请参考：腾讯云云函数（SCF）
- 腾讯云云开发（TCB）：提供了一站式后端云服务，可以与前端开发无缝集成，方便获取画布上图像的URL并进行后端处理。详细信息请参考：腾讯云云开发（TCB）
请注意，以上推荐的腾讯云产品仅作为示例，您可以根据具体需求选择适合的产品和服务。
相关·内容
1回答
我正在为Jpeg文件对Server执行Ajax调用。我将数据作为数组缓冲区返回。现在我如何在画布上呈现这个Array缓冲区。现在，请不要建议任何答案，如设置源url的图像。我想把图像数据保存在内存中，以便进行一些处理。
浏览 2提问于2015-03-03得票数 1
回答已采纳
1回答
我正在尝试将图像从URL加载到画布，然后显示要保存的图像。我可以在画布中显示图像，但是当我试图将图像显示为base64字符串时，它是空白的。这是到目前为止我能想到的，只是需要最后一部分的帮助。
var canvas = document.getElementById('myCanvas'),
context = canvas.getContext('2d'),
imageObj = new Image();
imageObj.onload = function() {
context.drawImage(imageObj, 0, 0);
浏览 0提问于2013-05-16得票数 0
我想从我的画布上创建图像，我使用的是动画片，但是我得到了错误：“运动警告:无法获得数据URL。在‘HTMLCanvasElement’上执行'toDataURL‘失败:污染的画布可能不会被导出。”我想，这是由跨原点错误引起的。在画布中，我使用本地保存的图像，地址路径以"file://..".“开头。有什么解决方案吗?如何在不安装apache的情况下创建映像？谢谢。
浏览 3提问于2014-04-15得票数 0
回答已采纳
2回答
如何使PHP页面从变量中url指定的其他服务器返回图像，如下所示：
在进入那个页面之后，应该有一个图像。
它也需要为任何其他srcs工作。
(为什么是这样？我想尝试绕过使用画布中使用toDataUrl的安全错误，而使用来自不同域的图像，方法是使用作为画布中使用的图像src )
浏览 3提问于2013-11-10得票数 0
我使用超文本标记语言画布来调整图像大小我从项目文件夹加载图像，我将图像路径( img / image.when .jpg)传递到canvas.draw method.After，我正在获取base64url，然后我将该url附加到img src，这是当我使用cordovaImagepicker在cordova中挑选图像时的工作perfectly.But，然后我将响应url传递到画布绘制方法，我正在获取base64 url，但当我将该url附加到img src时，它完全变黑了，因为square.Please帮助我。
这是我的网址(这里是dummyImage {{这是我从设备库中拿到的图片url
浏览 1提问于2016-03-13得票数 0
我想合并两个图像，一个是300x300，另一个是100x100，首先我创建了一个画布，然后我创建了两个图像，我已经添加到两个图像到画布和画布被添加到内容面板，然后我创建了一个writeablebitmap和渲染画布，并创建了一个方法savejpeg将图像保存到isolated stoarage，但是隔离存储没有显示整个图像--它保存了一个黑色屏幕。
首先，我通过代码设置画布的高度、宽度和背景色创建了画布，然后以编程方式创建了两个图像，并将其添加到画布中，然后将画布添加到contentpanel中。
我的代码是：
public void CreateImage()
{
浏览 5提问于2013-02-28得票数 0
2回答
嗯，不完全是。如果我只是画(ex line，rect...)并尝试将画布导出为图像。它工作得很好。但是，如果我使用canvas.drawImage(...)函数，该函数会将图像放在画布上。然后尝试将其导出为图像，我得到以下安全错误：
[16:05:05.326] uncaught exception: [Exception... "Security error" code: "1000" nsresult:
"0x805303e8 (NS_ERROR_DOM_SECURITY_ERR)" location:
"http://127
浏览 3提问于2011-11-15得票数 3
回答已采纳
1回答
我有一个画布元素
var canvas; // some canvas
其中包含一个图像。
可以从画布元素中插入KineticJS图像吗？如果不是，我如何以最快的方式从画布中获取KineticJS图像？
浏览 0提问于2014-04-17得票数 1
回答已采纳
4回答
裁剪画布中显示的图像
、、、、
我有一个帆布标签：
<canvas width="321" height="240" id="img_source"></canvas>
我想添加一个裁剪功能，所以我做了一个可调整大小的div，它可以通过使用鼠标拖动div的角来识别裁剪图像的边框。它看起来像下面的图片：
我目前正在使用"toDataURL()“将数据从画布转换为可以由<img>标记显示的图像。我的问题是，如何将画布中的图像转换为由可调整大小的div标识的部分？
浏览 15提问于2015-02-16得票数 10
回答已采纳
我在一个项目中使用了HTML5和javascript。我从Url加载图像(由用户选择)，然后我在画布内移动该图像。在移动中，我正在重新绘制整个图像。但在运动图像上是闪烁的。因此，我希望将该文件从URL复制到我的工作目录。因此图像在移动时闪烁将被停止。
有没有其他方法可以做到这一点？如果没有，那么我如何将该镜像文件复制到我的工作follder中(即目标路径)。
在此之前非常感谢。
浏览 2提问于2012-07-25得票数 0
回答已采纳
我有一个简单的套接字服务器(socket.io)，在上面发送一个映像流，当像素数据在画布中设置(使用putImageData)时，性能太低了。我试着用以下方法，
阴影画布可将屏幕拉出，然后返回到主画布上
类型1)使用drawImage呈现屏幕上的画布
类型2)在主画布上使用屏幕外画布的getImageData和putImageData
类型3)从屏幕外使用createImageData并通过putImageData设置它
在动画帧更新期间使用requestAnimFrame更新UI
我还验证了我的服务器和客户端之间的消息延迟，两者都非常快，平均差异
浏览 2提问于2013-07-19得票数 0
1回答
我有一个反应片段，它适用于本地视频块，但不适用于外部URL。如果我去掉crossOrigin属性，视频将同时播放，但我需要用于画布数据导出的属性。为什么跨源会停止播放？
<video
autoPlay
controls
crossOrigin="anonymous"
onPause={props.onPause}
onPlay={props.onPlay}
width='320'>
<source src={props.src} />
</video>
浏览 1提问于2016-05-25得票数 0
回答已采纳
2回答
我使用下面的代码来比较两个画布元素
function createImage(html, can) {
var canvas = $( "#" + can );
var ctx = canvas[0].getContext("2d");
var data = "<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000'>" +
"<
浏览 2提问于2013-05-02得票数 10
回答已采纳
1回答
Google文档对图像的附加处理
、、、、
我正在尝试创建一个Google插件，其中某人：
选择图像
单击菜单项
会显示一个对话框，用两个工具显示图像(在画布上)。
画布使用工具进行修改。
保存画布数据并替换原始图像。
保存图像的元数据，因此可以从原始数据重新编辑。
我知道如何获得图像选择(从GS代码)，并触发菜单项和对话框。我也知道如何做我的所有定制代码的事情。
我需要知道：
如何获取原始图像URL (或将其提取为base64字符串)，我可以将其放入画布中
替换图像并将其保存在文档中。
将元数据保存在每个图像的基础上，以便重新编辑。
例子将是很棒的，虽然链接到文档也将是很棒的。我发现
浏览 5提问于2015-06-09得票数 0
OpenLayers版本2似乎没有任何问题地显示gifs。
OpenLayers: 4.6.4 (我现在使用的版本)只显示gif：的第一帧
Andreas提出了解决这个问题的方法()：
对图像源使用“自定义imageLoadFunction”，而不是返回图像本身，而是返回带有gif框架的画布，您可以使用第三方库(例如)获得该画布。
我试着用他的方法，但没有设法在地图上展示画布。有人能建议如何在地图上显示gif或者如何显示持有该gif的画布吗？
下面是我使用的代码：
<script src="/js/gifler.min.js"></script>
浏览 2提问于2018-01-26得票数 1
我正在进行一个项目，该项目使用画布自动裁剪图像，然后返回其数据URL。它使用来自外部服务器的图像，该服务器具有适当的CORS头，允许将图像裁剪后转换为数据URI，即使它们是跨源的。
代码工作得很完美(而且没有安全错误！)在所有浏览器中，除了IE 10，当调用SCRIPT5022()时，它会抛出‘canvas.toDataURL: SecurityError’。
这是IE中的一个bug，还是在我的代码中需要做一些不同的事情来使它在Idiot爆炸物中工作呢？谢谢。-Scott
这里的编辑是我用来创建和绘制画布的代码(大部分)；
var canvas = document.createElement
浏览 0提问于2013-08-07得票数 13
回答已采纳
1回答
我尝试从画布获取数据并设置img元素的src属性。这里的问题是，画布有一个用css设置的背景图像，而不是画布方法。有没有办法或方法来提取背景图像，以便toDataURL方法可以捕捉到它？
谢谢
浏览 1提问于2011-07-30得票数 1
回答已采纳
我在DigitalOcean空间UI中添加了CORS配置，如下所示：
不过，我仍然没有从浏览器获得对象请求的access-control-allow-origin头。
当从后端上传对象时，"public-read“被设置为ACL。
我期望，当对象(在我的例子中的图像)请求是从我的web应用程序在浏览器中，它的响应头应该有access-control-allow-origin: http://my.machine.localhost。
当画布组件有来自非原始源的图像时，这是的一个很难的要求。
浏览 20提问于2021-12-11得票数 2
回答已采纳
我有一个读取地图平铺图像的函数。我想要跟踪某个图像是否已经被缓存。我正在使用来自的这个函数
function is_cached(src) {
var image = new Image();
image.src = src;
return image.complete;
}
效果很好。但我需要做一些图像处理。为了将图像数据复制到画布上并逐像素处理，我需要使用CanvasRenderingContext2D.drawImage(image, 0, 0)。但这让我很苦恼，因为我犯了一个跨源错误。所以我可以添加一个image.crossOrigin = "*
浏览 2提问于2020-05-09得票数 0
1回答
将背景图像呈现到画布上
、、、
我有一个DIV容器，其图像设置为背景图像(由url指定)。有没有办法重新绘制这个背景图像到画布(不重新联系或从服务器重新下载-因为内容图像是一次显示)？
浏览 1提问于2016-11-11得票数 0
回答已采纳
2回答
我正在尝试创建一个图像从另一个图像使用PHP。下面是我的代码：
<?php
$width = 109;
$height = 109;
$image = imagecreatetruecolor($width, $height);
$source_under = imagecreatefrompng('ecloid_under.png');
$black = imagecolorallocate($image, 0x00, 0x00, 0x00);
imagecolortransparent($image, $black);
浏览 0提问于2012-07-24得票数 6
回答已采纳
1回答
你好，我必须动态设置画布图像下面是Wordpress的代码
$image= http://captoons2.se7enmarketing.com/wp-content/uploads/2014/06/eden-apple-180x138.jpg","http://captoons2.se7enmarketing.com/wp-content/uploads/2014/06/gravesite-180x138.png"
这是我的main.js代码
var data = {
"images": [ "images here"
],
浏览 2提问于2014-06-04得票数 1
2回答
我正试图在c#中开始使用WPF。我将画布设置为窗口的内容，然后创建另一个画布，并将其作为第一个画布的子元素(连同其他元素，如按钮和标签)。在创建Image对象并将其动态添加到内部画布之前，一切都运行良好：
Image m_Img = new Image
{
Name = "img1",
Width = cvWindow.Width,
Height = dUsefulHeight,
Stretch = Stretch.Uniform
};
m_Img.Source = new BitmapImage(
new Uri(xMap.Selec
浏览 3提问于2011-04-27得票数 1
回答已采纳
1回答
今天早些时候，我成功地使用javascript将SVG文件转换为JPEG。主要步骤是：
从url获取SVG图像
将图像添加到HTML5画布中
将画布转换为base64编码的JPEG
为了实现这一点，我在jsPDF上复制了函数。
var getImageFromUrl = function (url, callback) {
var img = new Image,
data, ret = {
data: null,
pending: true
};
img.onError = f
浏览 1提问于2014-02-06得票数 0
回答已采纳
1回答
我有一个画布，上面有一个加载的图像。画布具有静态宽度和高度(800x600)。图像可以更小或更大。如果图像小于画布的大小，则使用以下代码将其放置在中间
x = (canvas.width - image.width)/2;
y = (canvas.height - image.height) / 2;
ctx.drawImage(image, x, y)
我现在想用一个新的画布替换旧的画布，新的画布根据比例缩放图像。我的代码如下(出于测试目的，我将图像渲染到画布的左上角，尚未实现确切位置)
oldCanvas = document.getElementById('myCanvas
浏览 3提问于2014-03-24得票数 1
1回答
我试图从图片中选择一个颜色，在用户点击的地方。但是，传统的ie画布方式限制我直接从parse.com数据库(即"http://files/kj.jpg" )访问图像文件，显示错误如下：
无法从画布中获取图像数据，因为画布已被跨源数据污染。欢迎:1 ImageColor选择器:无法访问图像数据。这可能是由于您正在使用的浏览器(IE不工作)，或者图像和脚本保存在不同的服务器上，或者您在本地运行脚本。
这是因为图像的网址。但是我们必须使用相同的url，因为我们不能每次都将图像保存到客户端pc上，因为这样会降低应用程序的质量。
我看到的是，有任何方法，我可以得到的颜色，点击点。如果没有
浏览 3提问于2013-10-16得票数 0
回答已采纳
我正在开发一个Facebook画布应用程序：
RTMrelFacebook Visual Studio 2010.NET Framework4.0.30319 C# SDK版本5.0/5.5Windows 7家庭高级
(我很抱歉，我试图包括图片，但堆栈溢出拒绝了我，因为我没有足够的帖子.)
我有一个解决方案，其中包括一个网站的画布应用，以及Facebook和Facebook.Web项目。
我获得了一个证书(godaddy.com)并安装了。
我为端口443添加了https绑定。
我已经将默认站点和虚拟目录设置为使用SSL。
我已经在Facebook应用程序设置页面和secureCanvas文件
浏览 1提问于2012-06-12得票数 0
回答已采纳
我有两个问题似乎是齐头并进的，经过大量的研究，我正在尽我所能去理解它们。
我不知道如何在我的地图上添加画布。我相信这一定很简单，但我找不到一个基本的工作例子。我还对API：进行了研究--但它似乎不像图像覆盖那样工作。
上面的API链接展示了如何添加画布源，而不是如何在地图上显示它。我是错过了他们展示的例子，还是没有呢？(我将添加一个示例，说明我使用的图像源是如何工作的)。这是我想做的第一件事。
在我的项目中，我显示天气雷达数据。一旦我有一个画布源代码的工作和显示-我希望有一个数据值显示，当用户悬停在数据之上，作为工具提示，跟随光标(数据是雨，-I将附加一个示例屏幕截图)。对于画布的每一种颜色，
浏览 0提问于2018-07-24得票数 0
回答已采纳
我有三张画布。我从canvas1中裁剪出一个区域，并将其显示在画布2上。然后，我想将canvas 2图像转换为URL，并查看是否可以将该URL转换回图像。我希望它显示在画布c4。任何帮助都是非常感谢的。
// image is drawn here , I want this image to be converted to a dataURL
//then back to image and display it in canvas c4
var c2 = document.getElementById("area_c2");
var ctx = c.getConte
浏览 2提问于2019-06-12得票数 2
回答已采纳
我需要使用selenium模块从网络摄像头服务器中获取图像帧。
框架摄像头显示在selenium浏览器上(使用http:// .....html网页)。
页面的源代码向我展示了它是使用一些java脚本完成的。
我试着用：
capture_network_traffic() and captureNetworkTraffic
不工作，我也不认为这是一个好办法。另外，我不想使用capture_screenshot函数，这占用了浏览器的所有画布。
知道吗？谢谢。致以问候。
浏览 6提问于2013-07-14得票数 0
回答已采纳
1回答
操纵画布上的图像
、、、
我必须在画布对象上加载一个图像，在单击一些按钮或滑动一些滑块后，我需要更改这个画布上的一些像素。到目前为止，这是我的代码：
function CanvasImage(element, src) {
var width, height;
var canvas = document.getElementById(element);
var ctx = canvas.getContext("2d");
var img = new Image;
img.onload = function () {
width = canva
浏览 4提问于2013-10-10得票数 1
回答已采纳
我正在尝试使用fabric.js创建一个身份证应用程序。所以我们的计划是创建身份证的设计。使用默认名称、图像、地址。等等，然后将该设计应用于不同的员工。
所以到目前为止，我所做的是1)设计部分2)将画布保存在JSON中3)重新加载画布表单json
我将从数据库中获取员工信息，并在下拉列表中显示员工姓名。当我从下拉列表中选择员工姓名时，我希望画布替换为员工信息...
我得到了一个示例，它从json加载画布并更改属性，如高度、宽度等。是否可以更改实际内容本身，如图像源
canvas_.loadFromJSON(JSON.parse(json_data), function(obj) {
can
浏览 13提问于2018-01-08得票数 2
回答已采纳
1回答
调整两个图像并保存画布
、、、
我试图从数据库中加载两个或三个图像画布。
我有工作的页面，所以我可以移动图像和调整大小像这样的。
但现在我希望在画布下有一个(保存图像)按钮，这样当你在画布上完成移动和调整图像时，你可以将画布保存为一个jpg。
有没有可能用链接到上面的代码来广告保存画布或保存图像按钮？我已经找过了，但找不到这么简单的东西。
我不需要任何花哨的图像编辑器应用程序，就像上面的例子一样。
浏览 0提问于2011-12-17得票数 1
1回答
更改图像的Url
、、、
我有一个画布，我正在为它画一些东西，然后我想把它保存到一个图像中。我成功的做到了，但我得到的图像路径是奇怪的，就像data32.是否有可能将该url转换为人类可读的url？
function convertCanvasToImage(canvas) {
var image = document.getElementById("postcar_image");
image.src = canvas.toDataURL("image/png"); // here I am getting an encoded string of the image,
浏览 1提问于2014-04-28得票数 0
回答已采纳
我想卸载图像加载和调整大小从主线程。在阅读了这方面的文章之后，我的选择似乎是fetch OffscreenCanvas和WebWorker的结合。
到目前为止，我已经在我的webworker代码中完成了以下阶段：
I将imageUrl传递给web工作者，然后将其获取，这使我可以访问blob格式的图像数据，然后创建屏幕外画布，以便为图像大小调整做准备(画布似乎是我在网上找到的最常见的方法)
示例代码如下所示
const response = await fetch(imageUrl);
const blob = await response.blob();
const canvas = new
浏览 0提问于2019-12-06得票数 2
回答已采纳
我正在开发一个基于2D层的应用程序，我想使用WebGL进行合成。各层可能会相对于彼此移动，并且每一帧只会改变每一层的一个小的(矩形)部分。然而，矩形部分的宽度和高度可能无法预料地变化。我想使用一个画布(2D)和每层一个纹理，每个画布上的每一帧重绘的部分已被修改，然后简单地上传到GPU，以更新相应的部分纹理，在GPU作出组合为我。然而，我还没有找到一种有效的方法来上传一个图像的一部分到一个纹理的一部分。texSubImage2D()似乎可以更新纹理的一部分，但只获取完整的图像/画布，而且似乎不可能指定要使用的图像的矩形区域。
我想出了几种方法来做到这一点，但每一种方法似乎都有明显的开销：
使
浏览 3提问于2014-01-05得票数 6
回答已采纳
我有一个大位图(pf24bit)。我只想将该图像的一部分(小矩形)复制到画布上。画布是双缓冲的。
frmTester.Canvas.CopyRect()可以做到这一点，但它有两个问题：
复制的图像有点损坏了它太慢了。
BitBlt非常快，但是它会复制整个位图。
浏览 4提问于2021-06-13得票数 0
回答已采纳
2回答
我有一个画布，我在中心显示一张图像。此图像通过url下载。实际上还有更多的图片要下载，这意味着如果用户点击右键，我必须显示下一个图像，如果左，我必须显示另一个图像从背面。我有存储url图像的字符串数组。我想在后台下载上一张和下一张图片。如何做到这一点？
浏览 4提问于2011-12-08得票数 1
1回答
我有一个图像，它是640 to乘480 to，我有坐标，我想要创建图像的画布裁剪。我有点困惑如何计算出1，作物的大小，哪里的作物，等等。
如何计算出作物的正确位置和作物大小？例如，根据坐标设置画布的大小，如下所示
coordinates = [160, 593, 345, 407] // [top, right, bottom, left]
本质上，im从Python脚本返回图像坐标，但不知道如何计算出正确的位置。
浏览 2提问于2018-05-13得票数 2
回答已采纳
我有画布元素(我使用Fabric.JS)。在画布下面的屏幕上有Dom textarea。
我有下载按钮，它工作-它下载canvas元素作为图像。但是，我还需要将textarea文本中的文本添加到这个下载映像中。它应该低于canvas。
应该怎么做呢？我不知道如何实现这个把戏？
代码(它是类型记录，并在React应用程序中使用，但在这里我想这并不重要，因为如果它是纯Javascript的话，它将是相同的-创建一个虚拟元素并触发单击)
const url = canvas.toDataURL({
format: "png",
width,
hei
浏览 4提问于2021-01-26得票数 0
2回答
从源获取图像uri
、、、、
如何获取图像url？我的xaml是：
<toolkit:HubTile Name="Demo" Title="Demo" Source="demo\0.png" Margin="15" Tap="Demo_Tap"/>
到目前为止，我在c#中尝试从发送者那里获取url (因为我在同一个点击中有很多条目)我的c#
((Microsoft.Phone.Controls.HubTile)(sender)).Source
我得到了错误
我需要的是在里面休息
System.Windows.Media.Imag
浏览 0提问于2012-12-21得票数 2
回答已采纳
我正在开发一个HTML5画布游戏，我有一组正在绘制到画布上的图像。来自数组的图像目前都是正确绘制的，我有一条console.log行，我想用它在控制台中显示数组的大小。但出于某种原因，控制台一直告诉我数组长度是未定义的。
用于打印数组长度的行是：
console.log("sources array length = " + sources.length);
它在一个for循环中：
for (index=0;index < numImages ;index++){
console.log(index);
images[ind
浏览 0提问于2013-02-13得票数 1
回答已采纳
1回答
我有一个包含4列的UIPicker视图，每列都有相同的6个图像数组(颜色)。我有一个按钮，当按下，将显示在UIPickerView上的4个图像在不同的视图。问题是，我似乎找不到从UIPickerView获取UIView的方法。
下面是完成后的应用程序的图片：
如你所见，用户将4列设置为一些颜色，当他们按下Guess按钮时，它应该在下面的空白处显示4个猜测(在ImageViews中或在画布中)。
提前感谢您能提供的任何帮助:)
浏览 1提问于2011-06-20得票数 0
回答已采纳
1回答
我使用的是制造1.5，我被困在一件事上。我想在点击按钮时向用户展示画布的预览，我无法想出一个合适的解决方案。我脑海中闪现的一些事情是：
保存当前画布状态，然后在另一个画布上呈现它。
创建临时图像保存函数，然后显示此图像
但我想知道，在制作中是否有任何特定的功能可以帮助我做到这一点。我做了一些研发，没有发现任何东西，因此我没有尝试任何东西。
浏览 1提问于2018-06-25得票数 0
回答已采纳
1回答
跨原点图像加载与处理
、、、、
我写了一段javascript，存储在域A上，它使用CORS将其嵌入到来自域B的页面上，但仍然从域A读取数据。我还希望它能够从域A获取图像，并使用html画布操作像素数据。通常，canvas.getImageData抛出一个安全异常，因为我不允许读取像素数据。Chrome允许我这样做(并且支持Image.crossOrigin属性)。然而，Firefox和其他各种浏览器却并非如此。
在从域B加载的脚本中，是否有其他方法来加载和操作来自域A的图像的像素数据？
浏览 3提问于2011-10-04得票数 1
2回答
如何调试画布？
它正在帆布上装载一堆旋转图像。我想看看它们是什么图像。但是萤火虫只显示了画布标签。
有没有办法找出这些帆布预装图像是什么，这样我就可以下载它们了？
浏览 0提问于2013-12-18得票数 0
回答已采纳
我在这里面临着一个困难的局面。我正在构建一个开放网络应用程序，显示推特。如果这些tweet中的任何一个包含图像的URL，我们将使用图像标记来显示该图像。我想让用户选择保存这个图像到他的相册或分享它使用共享网络活动。
所有在图像上工作的web活动都期望blob能够工作。我们不能简单地将一个URL传递给它。我无法从远程图像构建blob，因为一旦我尝试使用drawImage画布调用将该图像放到画布中，我就会在画布上得到一个安全错误，原因是该图像与应用程序的来源不同。
这种“安全性”防止了所有类型的篡改远程映像，如将其保存到磁盘或使用web活动。
我知道这是规范的一部分，但我并不真正理解它的目的。它毕
浏览 0提问于2014-06-17得票数 1
回答已采纳
是否有可能从计算样式中获取图像数据，并将其保存在变量或对象中供以后使用？
例如，在HTML网页中，我使用CSS从图像中加载背景：
document.body.style.background = "url(...path/image.php) #FFF";
现在，我需要保存加载在document.body.style.background中的图像，因为稍后我将使用它。我希望将图像保存在localStorage中作为数据URI，并在重新启动浏览器之后访问它。
我不能使用AJAX或向服务器发送请求。我必须以某种方式从加载的网页中复制/保存。但我不确定这是否有可能，如果有，怎么做
我
浏览 1提问于2016-04-01得票数 1
回答已采纳
1回答
我使用画布显示图像，并使用getImageData()获取该图像的特定部分的信息。取决于我设置图像参数的顺序，它是否有效。
在文档体上使用onload调用该方法。以下是代码：
function draw() {
var canvas = document.getElementById("canvas");
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
var img = new Image();
img.src = "url_to_image
浏览 3提问于2014-03-27得票数 0
回答已采纳
2回答
我正试图将一张图片加载到HTML5画布中。当我使用URL加载映像时，一切正常，但是如果我将图像放在本地驱动器并指向它，则不会发生任何事情。
注意:当我使用常规标签时，一切正常，图像被加载。
以下是代码：
var画布= document.getElementById("rightSide")；var context = canvas.getContext("2d")；var imageObj = new Image()；imageObj.src = "cloud.gif"；context.drawImage(imageObj，650、55、93、
浏览 7提问于2012-05-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
