任何人都可以更多地了解jQuery Mobile中的"data-url"属性当前我阅读的文档中我发现它太混乱了是否有任何工作演示或其他东西.
请避免复制粘贴jQuery移动网站上的内容它绝对可以帮助其他人在我这样的混淆状态下寻找相同的状态.
基本上，当单击按钮时，它会告诉移动设备转到相机。一旦相机拍照，它就会给我图像数据（它被称为数据 URL 吗？）。这是我处理它的代码：
var imagesrc = "data:image/jpeg;base64," + imageData;
var myimage = new Image(500, 500);
myimage.src = imagesrc; <---- to populate the object with the colored image
myimage.src = grayscale(myimage); <---- here I set it to the grayscale image
我想调用一个方法叫它grayscale()返回已经变成灰度的图像。我试过这个：
function grayscale(image){
var canvasContext = canvas.getContext('2d');
var imgW = image.width;
var imgH = image.height;
canvas.width = imgW;
canvas.height = imgH;
canvasContext.drawImage(image, 0, 0);
var imgPixels = canvasContext.getImageData(0, 0, imgW, imgH);
for(>var y = 0; y < imgPixels.height; y++){ …我正在构建一个firefox插件,允许用户在对象上绘制任意图形并将其保存为图像(png文件).
var $ = getJQueryOb();
var canvas = '<canvas id="canvas" width="1024" height="1024" style="position:absolute; top:0px; left:0px;"></canvas>';
var currentWindow = Components.classes["@mozilla.org/appshell/window-mediator;1"].getService(Components.interfaces.nsIWindowMediator).getMostRecentWindow("navigator:browser");
var mainDoc = currentWindow.getBrowser().contentDocument;
var cObj = $(canvas).appendTo(mainDoc.body);
$(cObj).bind('mousemove', handlePenDraw);
使用这个我可以在画布上画画.但是,当我保存图像时,我不希望保存完整的画布 - 而只是围绕创建要保存的图像的'边界矩形'.
有什么方法可以实现这一点.我目前正在做的是保存画布:
var $ = getJQueryOb();
var canvas = $('#canvas')[0];
var dURL = canvas.toDataURL("image/png");
saveToFile(dURL, "image-file.png");
我需要创建一个包含所有图像和CSS的页面,因此它只是一个文件.
我知道有类似MHT(IE web存档)的东西,但是有问题.它仅适用于IE和Opera,而不适用于FF.我需要我的页面在所有IE(6 +),Opera和FF中工作.我知道有一种方法可以在base64中编码我的图像,我也知道,IE 6和7不支持数据URL.我已经看过Dean Edward的IE 6和7技巧,但它只适用于PHP支持.我不能使用PHP,所以这对我不起作用.
那么,有没有办法创建这种页面？请不要给我答案,如"谁今天使用IE6"或"安装镀铬框架".我知道这一切,但我需要它以这种方式工作.
谢谢你的回答!
我整个下午一直在谷歌搜索这个问题,似乎无法在任何地方找到Dolphin和Base64图像或数据URL一起出现的任何地方.但是当我找到关于只是嵌入base64图像的文章时,他们几乎都说它几乎适用于所有浏览器,但是IE.当然,我不能只查看设备上的darn页面源或任何错误控制台(Samsung Galaxy Tab Gingerbread)来查看页面正在解释的内容.我得到的只是？图像应该在哪里.适用于Chrome和Opera,但Dolphin或股票浏览器均无效.
基本上,我有一个第三方签名板控件,其签名图像作为base64编码字符串返回给我.然后我接受base64编码的字符串,将其转换为DataURL并将其作为src分配给我的img控件.就像Chrome和Opera上的魅力一样,但在我需要它的任何一个移动浏览器上都没有.
var canvas = signaturestr.toDataURL("image/png") //Have also tried jpg and bmp
$("#image").attr("src", canvas)
这给了我？图像应该在哪里.所以要么我需要一种方法来获取数据URL并使其可以接受这些浏览器,或者我需要能够使用原始base64代码来生成图像.另外需要注意的是,这是一个离线应用程序,我需要所有解决方案都在javascript或jquery中.
编辑:发现来自其他网站(包括来自stackoverflow论坛的头像)的base64图像确实出现在这些浏览器上.尝试过减小图像的大小,但仍然没有运气.仍然得到替代文字和？尺寸绝对不是问题.将我的图像缩小到比工作的头像更小的尺寸.真的不知道为什么这个图像在这些浏览器上不起作用.看起来与工作的图像完全相同.
我正在使用canvas创建图像并使用以下脚本,
function getImage() {
var canvas1 = document.getElementById("images");
if (canvas1.getContext) {
var ctx = canvas1.getContext("2d");
var myImage = canvas1.toDataURL("image/jpg");
}
$('<form action="download.php" method="POST">' +
'<input type="hidden" name="aid" value="' + myImage + '">' +
'</form>').submit();
}
在我的Download.php文件中,
<?php $img = $_POST['aid'];
echo "<img src=".$img.">";
?>
它正确显示图像.但我想给jpg格式或pdf格式的下载按钮.
我怎么用？
我用了base64_decode(); 方法.但我无法解决.
帮我...
我需要拍摄一个 div 的 ScreenShot 并需要将它发送到服务器（Java）进行存储。我公司项目中的现有代码使用 Html2Canvas.js 获取元素（div，body ...）并返回 base64 dataURI，它工作正常，但在 Chrome 中冻结了应用程序。所以我正在寻找其他一些解决方案，并从堆栈溢出中找到了以下代码。
var data = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">' +
'<foreignObject width="100%" height="100%">' +
'<div xmlns="http://www.w3.org/1999/xhtml" style="height:200px;width:200px;background-color:red;font-size:40px">' +
'<em></em> l ' +
'<span style="color:white; text-shadow:0 0 2px blue;">' +
'</span>' +
'</div>' +
'</foreignObject>' +
'</svg>';
var DOMURL = window.URL || window.webkitURL || window;
var svg = new Blob([data], {type: 'image/svg+xml;charset=utf-8'});
var url = DOMURL.createObjectURL(svg);
document.getElementById("image1").src=url;<img id='image1' width="200px" height="200px"/>这里我得到的 url 是 Blob-Url (blob:https%3A//fiddle.jshell.net/a5b366a2-ff0c-4c7b-9b20-a80395d7f536)，我可以将其用作 img src 或者如果我直接在一个新标签也正在打开。无论如何，是否可以从该对象 blob 的 …
我对此有点困惑。为了在我的 HTML 页面中显示图像，在 HTML img 标签中嵌入图像代码比较好（使用 Data URL 技术），或者提供指向该图像文件的链接会更好（传统方式）？如果有人能以比较的方式告诉我两者的优点和缺点，那将会有很大的帮助。