将画布转换为img并仅打印图像
是指将HTML5的Canvas元素中绘制的图形转换为图片，并将该图片打印出来。下面是一个完善且全面的答案：
将画布转换为img并仅打印图像的步骤如下：
- 创建一个Canvas元素：在HTML中使用<canvas>标签创建一个画布元素，并设置其宽度和高度。
- 在Canvas上绘制图形：使用JavaScript的Canvas API，在画布上绘制所需的图形、文本或图像。
- 将Canvas转换为图像：使用Canvas的toDataURL()方法将Canvas转换为一个base64编码的图像URL。该方法接受一个参数，表示图像的MIME类型，默认为image/png。
- 创建一个Image元素：使用JavaScript的Image对象创建一个新的图像元素。
- 设置Image元素的src属性：将步骤3中生成的图像URL赋值给Image元素的src属性。
- 打印图像：使用JavaScript的window.print()方法触发浏览器的打印功能，将图像打印出来。
这种将画布转换为img并仅打印图像的方法适用于需要将Canvas上的绘制内容保存为图像并打印的场景，比如生成报表、绘制图表等。
腾讯云相关产品推荐：
- 腾讯云对象存储（COS）：用于存储和管理生成的图像文件。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供稳定可靠的计算资源，用于部署和运行绘制图像的应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：可用于处理图像转换和打印的后端逻辑。产品介绍链接：https://cloud.tencent.com/product/scf
请注意，以上推荐的腾讯云产品仅作为参考，您可以根据实际需求选择适合的产品。
相关·内容
我正在编写一个HTML5画布，在那里我使用javascript处理某些图形和文本。我想包含一个打印预览功能，以显示画布打印时的样子。我使用以下代码将画布转换为图像，稍后将使用该图像进行打印预览。
var canvas = document.getElementById("mycanvas");
var img = canvas.toDataURL("image/png");
由于打印机将能够以260 the的像素密度打印，所以我希望img与打印机的像素密度匹配。
浏览 2提问于2019-10-05得票数 0
回答已采纳
2回答
我的页面上有一个画布元素。我在上面画了一个图像和用户输入的一些数据。按下按钮，我想把画布送到打印机上，在纸上打印。我尝试使用这个插件：，就像这样：
按钮代码：
<a href="javascript:print_voucher()">PRINT</a>
'print_voucher()‘函数：
function print_voucher()
{
$("#canvas_voucher").printElement();
}
canvas_voucher是我的画布元素的ID。它打印了这一页，但没有打印画布。我也试着用它：
$
浏览 7提问于2013-06-09得票数 4
回答已采纳
1回答
我使用的是jQuery标记图，并希望将该图形的打印输出(或至少图像)取出来。现在，在问这个问题之前，我做了大量的研究来找出一个way..and，我想出了一个关于堆栈溢出的问题。
我实现了给出的技术。
现在，我可以得到图形的图像，但我不能得到图形的内容，也就是说，我只是得到画布的简单背景，而不是画在上面的区域。
下面的图片将清楚地解释这一点：
这就是我的图表看起来.
，这就是我把它转换成图像后得到的东西：
我正在使用ToDataUrl进行转换，下面是我的代码：
var somePlot = $.plot("#placeholder", [ [0,0],[10,10]
浏览 4提问于2013-11-29得票数 2
回答已采纳
3回答
这些浏览器(Windows版本)正确地打印在img标记图像上有画布覆盖的网页：
IE6，IE7，IE8，Firefox，Safari
但是 Chrome (最新的，我在3.0.195.27版键入这个版本)和Opera (最新的，当我键入这个版本10.0 build 1750)没有。Chrome完全忽略画布渲染。Opera把整个画布呈现成一个白色的长方形，模糊了它背后的图像。
我知道画布标签是很新的，打印网页总是很冒险的。我该怎么处理呢？有什么设置是我遗漏的使这个工作吗？是否有“即将打印”事件，我可以从JavaScript捕捉到，至少警告用户？
更新:它甚至比它看起来更奇怪。组合图像(画布覆
浏览 4提问于2009-10-19得票数 4
1回答
我试图做一个画布应用程序，我获得了成功。我只是停留在打印图像，这是画布输出。图像的大小太小，无法打印。
以下是应用程序的流程：
上传图像并绘制到画布上。
在分割的画布上进行缩放、移动和旋转等操作。
我已经成功地从这些分裂中生成了单个图像。
我还把base64从画布导出到印刷过程。
问题是，当我从画布导出数据时，它是很小的图像，即使我做了一些Imagick的东西来调整大小，最终图像的质量并不接近于打印在海报上。
JavaScript:
function draw() {
var Activecanvas = document.getElementsByClassNam
浏览 4提问于2016-06-21得票数 2
回答已采纳
我正在开发一个应用程序，该应用程序使用画布根据用户输入创建定制图像，我想知道是否允许用户在base64中给自己发送最终产品的副本，或者我是否需要将其转换为.jpg或.png，然后将其嵌入其中。
谢谢。
浏览 1提问于2015-03-24得票数 2
回答已采纳
我可以用Javascript将图像转换为画布，反之亦然？
我想将图像转换为画布，在画布上画一些东西，然后再将画布转换回图像。
var canvas = document.getElementById("CANVAS"),
img = new Image();
img.src = canvas.toDataURL(); //=> Error is occurred at this point.
img.onload = function(){
// ...
};
当我将画布转换成图像时，它会失败。
Securi
浏览 3提问于2013-07-02得票数 2
回答已采纳
2回答
我需要采取HTML5画布输出为视频或swf序列。
我在stackoverflow上找到了以下捕获图像的链接。
但是谁能建议我们是否希望输出为视频或png序列的swf？
编辑：
好了，现在我知道了如何捕获画布数据来存储在服务器上，我试过了，如果我只使用形状，矩形或其他图形，它可以很好地工作，但如果我在画布元素上绘制外部图像就不行了。谁能告诉我如何完全捕获画布数据，无论我们是使用图形还是外部图像在画布上绘制？
我使用了以下代码：
var cnv = document.getElementById("myCanvas");
var ctx = cnv.getContext("
浏览 3提问于2011-01-24得票数 14
回答已采纳
1回答
我在做d3.js图表。我有我想以PNG格式打印的雷达图表，但是当我进行转换时，它什么也没有显示，当我保存图像时，它保存了，但是完全是黑色的，或者有一段时间会出错。
我使用了两种方法1.使用了在google上找到的简单代码。
var $container = $('#chart');
content = $container.html().trim();
canvas = document.getElementById('svg-canvas');
// Draw svg on canvas
canvg(canvas, content
浏览 1提问于2016-02-13得票数 1
回答已采纳
2回答
我将一个二维码呈现给一个div，但是这个div是隐藏的。当我将画布复制到具有正确大小的图像时，图像变得模糊。var子代= $("#trial").children()；var canvas =子代；
var ctx = canvas.getContext('2d');
//ctx.scale(3,3);
var img = new Image();
img.width = "300";
img.src = canvas.toDataURL();
$("#imagetrial").html(img);
我试着像在注释代码中那样缩
浏览 0提问于2014-09-04得票数 2
3回答
我正试着在画布上画一幅画。我阅读了下面的教程并尝试做一些类似的事情我的画布是<canvas id="canvas" width="400" height="400"></canvas>，我已经创建了这个函数
function putImage(){
var img = new Image();
img.src = "./path.png";
var ctx = document.getElementById('canvas').ge
浏览 3提问于2013-03-11得票数 2
回答已采纳
1回答
我对toDataURL();方法有问题。我正在尝试保存画布的图像，以便当我调整浏览器/画布的大小时，它可以再次出现在画布的背面(因为无论何时设置画布的宽度，它都会清除它)，然后继续我编写的“绘制”函数，但在不同大小的画布上。这样，我似乎可以无缝地调整画布的大小，而不需要清理它。
在我的代码中，toDataURL();似乎不是在保存图像，也可能是我在调整画布的大小时说错了。我只是将源代码设置为一个普通的.png文件进行了检查，这似乎在后面画得很好。我以前问过这个问题，但我找不到满意的答案.
JS
canvas.onmousemove = draw;
var ctx = canv
浏览 4提问于2015-11-15得票数 0
我正在尝试将HTML画布导出到图像。但是当我导出图像时，我一直得到img src = "undefined“。我直接将画布打印到页面上，并确认我得到了正确的画布。这是我正在使用的代码。请让我知道你看到的是错的。CORS可能有问题(这是HTML5)？
scope.getShuttleImage = function () {
var tmpPng
var imageElement
html2canvas(document.body.getElementsByClassName("shuttle-truck&#
浏览 0提问于2016-12-29得票数 0
1回答
我正在处理一个旋转木马，其中中心图像需要是全彩色的，而旋转木马中的所有其他图像都是去饱和的。
我想要实现这一点的方法是在<li>中将该图像的<img>和不饱和的<canvas>绝对地放置在彼此的顶部。然后，当幻灯片处于活动状态时，画布会淡出，露出它后面的彩色幻灯片。当从该li中删除活动类时，画布将淡入。
我已经让jquery滑块工作了，在li中添加和删除了类，并且两个图像的位置都很好，但是画布并没有褪色。我尝试了各种方法，但我的jquery知识不是很好，也没有产生任何结果。有什么建议吗？
我的标记基本上是这样的：
<ul>
<li&
浏览 3提问于2011-10-08得票数 0
回答已采纳
1回答
是否有一种方法来检测何时加载画布内容？我试着跟着。我需要打印一个页面，在小部件中使用pdfjs库呈现一个pdf文档。只有第一个pdf页面必须与放置小部件的网页内容一起打印。我的方法是获取pdfjs库创建的第一个pdf页面的画布，并将其内容作为img元素的源。
var content = canvas.toDataURL();
var img = document.createElement('img');
img.setAttribute('src', content);
widget.parentNode.insertBefore(img, widget
浏览 5提问于2016-08-17得票数 0
2回答
这是我第一次使用画布，我使用它从HTML文档中获取图像并将它们放到画布中，这样我就可以使用Javascript为它们添加效果。我所拥有的代码可以工作，但会创建一个副本。我想用新的画布图像替换原始图像，但是我尝试过的任何东西都会使画布或所有图像从页面中完全消失。任何建议都会很棒的！有人还建议我把画布图片放在原版的上面，但我似乎也没办法去.
下面是创建画布的代码：
var img = this[0]; // grab the first one, shake the jquery
var imgWidth = this.width();
var imgHeight = this.height();
浏览 2提问于2015-02-27得票数 4
回答已采纳
1回答
匹配img标记的正则表达式模式
、、、、
使用MVC，看看这个示例，其中包含以下HTML代码：
<p>Duma</p><img url='..' /><p>Duma</p>
我希望只打印标记的内容，如下所示：
Duma [IMAGE] Duma
删除图像(显示图像)标签，只显示文本(作为innerText)
我决定创建一个扩展，直到现在，只显示
Duma Duma
public static class StringExtensions
{
public static string StripHtml (this string inputString
浏览 0提问于2013-05-07得票数 0
回答已采纳
3回答
我想在html画布上打印一个表情符号。
它可以用图像来完成，但它很麻烦。有更好的办法吗？
const canvas = document.querySelector("#canvas");
const contex = canvas.getContext("2d");
var img = new Image();
img.src = "emoji.jpg";
img.addEventListener(
"load",
() => {
context.drawImage(img, 0, 0, 200, 2
浏览 0提问于2019-05-26得票数 7
回答已采纳
1回答
我在一个上工作，它将画布内容保存为光栅图像，然后用户将其保存到他的计算机上，以便使用打印机或打印室打印。如果访问该链接，可以单击按钮导出，然后单击该链接以保存文件。我知道我不能用canvas处理CMYK，而文件是以RGB格式发送的。但我可以控制用于生成图像的颜色值。例如，如果我知道某个对象是黑色的，我可以把它放在一个单独的层上，然后在服务器端将黑色层和彩色层连接在一起。也许它可以帮助解决这个问题。所以，我想知道，你们中是否有人遇到过类似的挑战，要用canvas生成颜色准确的图像以备打印。或者可能是使用SVG可以帮助我吗？请分享你的提示。
注意:我使用Python作为服务器端语言，但我认为任何语
浏览 3提问于2012-02-28得票数 2
我正试着在Tkinter画布上打印一些文本和一个运行良好的图像。但不幸的是，一些大括号也被打印在屏幕上，而没有在print语句中的任何地方使用它们。在将文本打印到屏幕之前，我从数据帧中获取文本的一部分，并将其存储在一个变量中。
我的代码如下：
best_batsmen = dataset.loc[dataset.loc[dataset['Innings']>=15,'Average'].idxmax(),'Names']
message = ("The best Batsman of the Tournament could pos
浏览 0提问于2019-04-24得票数 0
我的web应用程序调用一个Web服务，它返回一个图像。该服务只返回一个图像。调用服务没有什么不同，因为路由代码中有一个函数可以添加所需的auth代码等等。无论如何，我的观点是，我没有完整的URL，即使有，我也不想把它以纯文本形式传递到代码中。所以我得到的是一种反应，这种反应是一种形象。
getThumb(filename: string) {
return this.http.get('/Picture/' + filename).subscribe(response => {
return response;
浏览 1提问于2018-05-24得票数 0
回答已采纳
2回答
我正在使用node.js将画布保存为图像img在writeFile中是通过在我的画布元素上使用toDataURL提取的。它不能保存文件这里是我的代码
var fs = IMPORTS.require('fs');
var path = IMPORTS.require('path');
path.exists('images/', function(exists){
if (exists) {
fs.writeFile('images/icon.png', img, function(err){
浏览 0提问于2011-05-03得票数 44
回答已采纳
2回答
我想使用nodejs将包含图像的对象上传到mongodb数据库，但我无法这样做。
角文件
onSelectedFile(event){
this.edit_image = event.target.files[0];
}
editProfile(e){
const user={
email:this.edit_email,
img:this.edit_image,
}
console.log("To Update");
console.log(user);
this._authService.editProfile(user)
.subscrib
浏览 0提问于2019-04-07得票数 0
回答已采纳
4回答
当我尝试在画布上绘制一个带有css预加载图像的图像时，如下所示： img.style.backgroundColor="red";
ctx.drawImage(img,0,0,100,100); 我发现在没有css的情况下，图像是按照原来的样子绘制的。HTML画布支持css吗？如果不是，有没有办法只在不透明的像素上用一种颜色覆盖透明的png？
浏览 13提问于2018-07-05得票数 0
回答已采纳
我正在尝试上传一个图像到Firestore从一个移动设备，但图像的方向仍然是景观，当它应该是肖像。
基本程序：
用“输入”图像文件上传图像
使用EXIF获取方向，并相应地调整到画布
将新画布上载到Firestore
问题：
当预览画布时，方向和大小是正确的，但是一旦上传到Firestore上，图像仍然保持原来(不正确)的方向。
问题：
密码有问题吗？
我是否只为显示而不更改实际EXIF数据而定向？如果是这样，我如何编辑，以便它将上传到正确的方向？
function readURL(input) {
if (input.files && input.fil
浏览 0提问于2018-07-18得票数 0
1回答
我试图实现新的html5 canvas标记。
我用画布做了一个棋盘。现在我想在比赛中增加棋子。我可以使用画布的ctx.drawImage()方法向画布中添加一个图像，但实际上它会在画布上打印图像。
我想把典当画在之上，板(理论上像一个图层)，这样我就可以移动它。我尝试使用这个代码添加一个图像，只使用javascript。
function show_image(src, width, height, alt) {
var img = document.createElement("img");
img.src = src;
img.width = width;
img.heig
浏览 1提问于2016-06-11得票数 1
回答已采纳
1回答
在画布上绘制和旋转多个图像
、、、、
我想在画布上画四个图像，如下所示。 但是，我只想使用一个图像，而不是四个。 (只使用img0，不使用img90/img180/img270) 换句话说，我想用一个图像(Img0)在画布上绘制四个不同旋转方向的图像。 这有可能吗？ var ctx = document.getElementById('canvas').getContext('2d')
var img0 = new Image()
img0.src = 'https://i.stack.imgur.com/0vxxK.png'
img0.addEventListener(&#
浏览 24提问于2020-11-01得票数 0
我想合并两个图像，一个是300x300，另一个是100x100，首先我创建了一个画布，然后我创建了两个图像，我已经添加到两个图像到画布和画布被添加到内容面板，然后我创建了一个writeablebitmap和渲染画布，并创建了一个方法savejpeg将图像保存到isolated stoarage，但是隔离存储没有显示整个图像--它保存了一个黑色屏幕。
首先，我通过代码设置画布的高度、宽度和背景色创建了画布，然后以编程方式创建了两个图像，并将其添加到画布中，然后将画布添加到contentpanel中。
我的代码是：
public void CreateImage()
{
浏览 5提问于2013-02-28得票数 0
1回答
我想在SVG中添加一个文本，它可以有X个内联图像。
其思想是文本将从Test [img1] the total [img2]内插到Test <img src="img1.png" /> the total <img src="img2.png" />。插值函数已按预期工作。
在插入文本之后，我希望它正确地附加到父SVG中。
目前，我有：
// Desc
nodeEnter.append("text")
.text(d => parseDesc(d))
.attr("y", 131)
浏览 8提问于2021-12-13得票数 1
所以我试着打印多个织物图像。这是准备过程。我看到一扇空白的窗户。我可以根据要求提供更多的信息。某种异步逻辑我可能错过了？
1-我从每个画布对象初始化一个画布(在一个画布数组上循环-每个画布对象都有一个图像，可能还有多个文本框对象)。
2-然后使用toDataURL()并为每个元素创建图像元素，将src附加到img
3-我循环图像并将其附加到printWindow中。
const handleCustomPrint = () => {
const div = document.querySelector('.print-content');
for
浏览 10提问于2022-10-17得票数 1
回答已采纳
1回答
我想保存画布(它有图像，文本，形状等)到服务器上的svg。
实际上，我希望画布以3种格式保存画布- png文件、svg文件和JSON文件。
这是我的画布到png代码：
jquery：
jQuery(document).ready(function(){
jQuery('#btnSave').click(function(){
var pic =document.getElementById("myCanvas").toDataURL('image/png');
$.ajax({
type:
浏览 4提问于2017-09-23得票数 0
我正在使用d3 svg在图像上显示多边形，如下面的javascript代码所示，我正在创建img标记元素，并将它附加到'template‘，然后将它附加到’template‘，以便在图像上出现多边形。
var template = document.createElement('div');
var img = document.createElement('img');
img.setAttribute("src", imagesource);
tem
浏览 7提问于2022-06-28得票数 0
回答已采纳
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
回答已采纳
3回答
我试图用html 5画布元素制作一个普通的JavaScript游戏，为了制作基于颜色的命中框，我需要从画布上的某些点抓取图像数据。每当我使用getImageData()时，都会得到以下错误：
Uncaught :未能在“CanvasRenderingContext2D”上执行“getImageData”：画布已被跨源数据污染。
在画布上显示的所有图像都是从本地文件中提取的。有什么办法可以让我在Chrome上工作吗？
我通过在页面上放置html图像标记并使用context.drawImage(*img id, x, y*);来绘制图像。
浏览 1提问于2016-09-12得票数 2
1回答
我有一幅画在html5画布上的图片。我想调整这个图像的大小到一定的高度和宽度，然后再画到画布上。我的代码目前包括：
img = new Image();
img.src = "vivo.jpg";
// calcuate new height and width
img.height = newheight;
img.width = newwidth;
$("#cnvs").attr({
"height" : newheight,
"width" : newwidth
});
context.drawI
浏览 4提问于2014-06-04得票数 0
回答已采纳
我试图添加一个图像，是由科学处理-图像和枕木到一个平地的gui。要将其添加到画布中，需要将其保存为png，或转换为PIL映像。然而，当我尝试使用ImageTk的Image.fromarray()时，它会对图像产生很大的扭曲，我不想把它保存为png，因为它只是生成数据标签的中间步骤。
我试着检查数组的形状，它们是一样的。我试着打印出图像，filled_objects是正确的图像，而im是扭曲的。所以这不是Tkinter gui的问题。另外，如果我不使用np.asarray()，它会产生相同的输出。
def generateCanny(imageName):
#imagename shou
浏览 0提问于2019-04-28得票数 3
回答已采纳
1回答
在我的iOS设备上，我通过CameraController (由camera包提供)和controller.startImageStream((CameraImage img) {...}访问相机
我的手机上显示出的数据是bgra8888格式的，但我读到它是在安卓设备上的yuv420格式。要将图像流数据转换为可用的一致格式，我将使用：
import 'dart:typed_data';
import 'package:camera/camera.dart';
import 'package:image/image.dart' as im;
Ui
浏览 11提问于2019-11-14得票数 5
回答已采纳
我正在使用cordova/PhoneGap和IonicFramework (使用AngularJS)创建一个移动应用程序。在应用程序中，用户能够在画布()上绘制他的签名。当前画布另存为DataURL：
data:image/png;base64,iVBORw0KGgoAAAANS ...
保存签名后，我希望使用Cordova ()的FileTransfer插件将图像发送到服务器。
我已经对从相机拍摄的常规图像这样做了，而且效果很好。这是我的上传函数：
function uploadPicture(fileURL) {
var win = function (result) {
浏览 3提问于2015-06-08得票数 1
2回答
我试图用画布获取图像的X和Y坐标，问题是我想把图像放在画布后面，这样我就可以在这个图像的顶部使用带有画布的js，“我不想在画布上画这个图像，这样我就可以使用后端编程轻松地修改它”。
<style>
.map_image{width:80%; position:relative;}
#map_canvas{width:100%; height:100%; position:static; top:0px; right:0px;}
.map_img{width:100%; height:100%;}
</style>
<div class="ma
浏览 2提问于2014-04-02得票数 0
回答已采纳
2回答
打印出html5画布的部分
、、、、
我有一个html5画布(3000 Px3000)。我使用以下函数打印画布：
function printCanvas()
{
popup = window.open();
popup.document.write("<br> <img src='"+canvas.toDataURL('png')+"'/>");
popup.print();
}
问题是，如果我在画布上只有元素(比如一个圆圈)并按下print，它将尝试打印出整个画布(3000 X 3000)。是否有一种方法来改
浏览 2提问于2017-02-17得票数 4
回答已采纳
1回答
通过ajax将图像加载到画布中
、、、、
它与另一个问题有关。
我正在尝试从s3将一个图像加载到画布中。似乎safari < 6.0有一个与通过CORS加载图像相关的错误。所以画布被污染了，尽管图像已经启用了cors。所以我在想，如果有什么方法可以发出ajax请求，然后将响应加载到画布中呢？
注意: Ajax请求在CORS中正常工作。只是在加载映像safari时不尊重crossOrigin属性，因此请求是在没有交叉来源的情况下提出的。
我在s3有我的图片，所以没有办法将它编码到base64，直接从亚马逊获取它。
我宁愿不为图像在我的域中设置代理。
一些javascript
var img_location = &
浏览 0提问于2012-12-21得票数 1
1回答
我有这个问题，聚集4 base64编码的图像为一体。我正在处理节点js，并收到一个包含我需要的信息的JSON，我处理该信息，然后在浏览器中显示如下所示的图像：
res.send(
'<div style="display: inline-flex;">' +
'<div>' +
'<div><img src="' + panes.content + '"></div>' +
'<div>'
浏览 1提问于2016-11-16得票数 0
回答已采纳
2回答
我目前正在熟悉HTML 5和Javascript，目前正在尝试用Javascript将图像加载和绘制到HTML 5画布上。以下是HTML代码：
<html>
<head>
<title>Adam Leung</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script src=&#
浏览 0提问于2014-03-12得票数 0
回答已采纳
1回答
我正在尝试打印一个PDF与Dompdf填充帆布元素。
我可以没有问题地包含和打印png图像，但是当尝试包含一个画布，然后将它转换成一个png时，它就不会显示在导出的PDF中(没有损坏的图像，等等)。
该怎么办呢？
这是一个Codeigniter项目：
使用Dompdf在控制器中加载视图：
$this->load->library('pdf');
$this->pdf->load_view('print_pdf', $data);
$this->pdf->render();
$this->pdf->stream(&#
浏览 8提问于2016-02-16得票数 6
我做了一张画布，在画布上画了一幅画，我还在上面画了一些文字
画布。图像和文本现在都是独立的。我想要这样当我
绘制应打印在图像上的文本。我可以保存图像和文本，现在
在图像上，我想发送图像与文本在另一个活动。
下面是我的代码：
@Override
protected Void onDraw(Canvas canvas) {
Bitmap b = BitmapFactory.decodeResource(getResources(),R.drawable.ic);
canvas.drawBitmap(b,10,10,null);
canvas,drawText(
浏览 1提问于2012-07-31得票数 1
回答已采纳
2回答
使用画布
、
我可以在我的画布上画一个签名。现在，在此之后，我想将此签名另存为图像，以便以后使用。
我无法在此画布上实现onClicklistener。此外，我也不清楚如何将此签名存储为图像。请建议一下？
浏览 1提问于2010-09-20得票数 2
1回答
我从画布中获得如下图像数据：
var img = mycanvas.toDataURL("image/png;base64;");
然后将de图像数据传递给锚的href属性。
$("#imagenMapa2").prop("src",img);
问题是，当我试图下载图像铬崩溃时，我尝试使用其他较小的画布，而该作品的大小为
width="2600" height="3400"
不起作用
感谢你的帮助
浏览 4提问于2015-03-12得票数 1
回答已采纳
2回答
使彩色地图数字化
、、
请考虑以下图像：
我想把它打印成灰度图像。我可以用scikit-image进行转换
from skimage.io import imread
from matplotlib import pyplot as plt
from skimage.color import rgb2gray
img = imread('image.jpg')
plt.grid(which = 'both')
plt.imshow(rgb2gray(img), cmap=plt.cm.gray)
我得到：
那就是。
我的问题是：是否有一种使用scikit-image或
浏览 0提问于2017-05-08得票数 5
回答已采纳
在将水印图像保存到数据库之前，我尝试在输入图像上放置水印图像。我使用画布来完成此操作，然后将画布转换回blob，但是当我在projects本地文件目录中引用水印图像在画布上绘制时，我会得到一个“受污染的画布可能不会被导出”。控制台出错。
// Read input file
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => {
// Create canvas & calculate Stamp size and position
const canvas =
浏览 3提问于2021-11-22得票数 0
有没有一个PHP函数可以接受PNG-24的图像路径作为参数，然后在web浏览器上返回PNG-8版本？
例如，原始PNG-24的HTML代码为：
<img src="image/path/lorem.png">
然后这将在web浏览器上返回PNG-8版本：
<img src="convert-png24-to-pnp8.php?image/path/lorem.png">
我想要转换的PNG-24图像没有半透明像素，但有完全透明的像素。
浏览 0提问于2012-02-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
