Loading [MathJax]/jax/output/CommonHTML/config.js

社区首页 >问答首页 >Facebook有趣的应用程序是如何从获取的信息中生成图像的？

问Facebook有趣的应用程序是如何从获取的信息中生成图像的？
EN

Stack Overflow用户

提问于 2017-01-14 21:10:35

回答 2查看 767关注 0票数 0

这东西真让人恼火。实际上，我知道如何使用html2canvas库将HTML转换为图像。但我只想知道，大多数拥有Facebook有趣应用程序的人，比如这和这，是如何创建图片的。

我可以使用FB 获取所有所需的用户信息，那么我应该如何创建像它们这样的JPG/PNG映像呢？我尝试过的是html2canvas，但我不认为所有其他有趣的应用程序都使用这个东西。因为当查看它们的源代码时，我看不到包含需要使用html2canvas生成的图像的所有内容的HTML元素。即使是画布元素也是而不是存在。只显示图像。

因此，可以有3的可能性：

他们使用Ajax在一个单独的HTML/PHP页面中进行整个处理(这是另一个问题，我搜索了很多，但没有找到与此相关的单一答案:参见下面的查询)。
它们使用z索引或其他什么方法隐藏HTML及其对应的画布元素，并且只显示生成的图像。
他们不使用html2canvas。他们用的是别的东西。

查询与1相关: Ajax调用可以执行包含JS、CSS的页面(比如URL: 'convertAndReturnImage.php'并呈现结果，并使用success函数中的html2canvas返回生成的图像/URL)吗？

facebook-graph-api

facebook-javascript-sdk

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-01-14 23:59:09

您可以轻松地将服务器上的图像组合起来--将所有图像发送到服务器，并使用特定的x/y坐标放置它们。例如，PHP为此提供了许多函数：http://php.net/manual/de/ref.image.php

当然，您也可以将图片与画布(https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage)组合在一起，使用"toDataURL“函数并将其发送到服务器。但是你必须在服务器上创建它。例如：解码画布todataURL

您可以使用AJAX返回图片，也可以在服务器上创建图片并将URL返回给它。

票数 0

EN

Stack Overflow用户

发布于 2017-01-14 21:20:04

Ajax调用只能执行脚本页，比如.js或.php。它无法执行包含HTML、JS和样式表的.php页面。为此，必须在浏览器中呈现。Ajax只返回结果。这么多的处理是做不到的。您必须至少在浏览器中打开文档一次。

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41658019

复制

相关文章

Excel每个单元格都统一加上(或减去)一个数

文章背景：处理Excel单元格数据时，有时需要在单元格区域内同时增加或减少某一数值，这里介绍两种操作方法。

Exploring

2022/08/10

1.8K0

[MySQL]更新时间（加上或者减去一段时间）

数据库云数据库 SQL Server sql

定义和用法 DATE_ADD() 函数向日期添加指定的时间间隔。 DATE_SUB() 函数向日期减少指定的时间间隔。语法 DATE_ADD(date,INTERVAL expr type) DATE_SUB(date,INTERVAL expr type)

用户2353021

2020/05/11

3.9K0

[MySQL]更新时间（加上或者减去一段时间）

DataGridView列自适应宽度

来源：http://www.cnblogs.com/wolf-sun/p/3480104.html

跟着阿笨一起玩NET

2018/09/20

1.8K0

DataGridView列自适应宽度

Windows2003下列引导或系统启动驱动程序无法加载:packet

优化了下系统，重启出现了一个错误。弹出应用程序: 服务控制管理器 : 在系统启动时至少有一个服务或驱动程序产生错误。详细信息，请使用事件查看器查看事件日志。仔细查看了一下windows日志记录错误原因是windows启动的时候提示一项服务或者驱动出错，在windows的安全日志中找到了如下的描述：

zhaoJian.Net

2023/02/24

8000

数组或对象中的内容间隔显示

总结：间隔显示，不要使用for 循环，原因是for循环是同步，setTimeout是异步，同步执行完再执行异步。

tianyawhl

2019/11/07

4.3K0

根据数据源字段动态设置报表中的列数量以及列宽度

在报表系统中，我们通常会有这样的需求，就是由用户来决定报表中需要显示的数据，比如数据源中共有八列数据，用户可以自己选择在报表中显示哪些列，并且能够自动调整列的宽度，已铺满整个页面。本文就讲解一下Act

葡萄城控件

2018/01/10

4.9K0

根据数据源字段动态设置报表中的列数量以及列宽度

Ordering列以或更好性能

为减少数据库的存储空间，需要确保对列进行排序，通常最好先放置固定大小的列，然后再添加可变长度的列。

yzsDBA

2021/04/26

3180

OC中获取一串字符串的高度（宽度确定）或宽度（高度确定）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/52937475

用户1451823

2018/09/13

2.6K0

Element Vue 框架的 Table 列宽度自适应解决方案

渲染表格原理

# 原理请求获取数据后，遍历数据，动态渲染一个节点，获取节点的宽度，最后改变表格列宽度 # 核心代码 /** * 计算字符串宽度 * @param str * @returns {number} */ function getStrWidth (str) { if (!document.getElementById('str-width')) { document.getElementsByTagName('body')[0].insertAdjacentHTML('beforeend', '<s

cnguu

2020/10/23

2.9K0

按照A列进行分组并计算出B列每个分组的平均值，然后对B列内的每个元素减去分组平均值

前几天在Python星耀交流群有个叫【在下不才】的粉丝问了一个Pandas的问题，按照A列进行分组并计算出B列每个分组的平均值，然后对B列内的每个元素减去分组平均值，这里拿出来给大家分享下，一起学习。

前端皮皮

2022/08/17

3K0

按照A列进行分组并计算出B列每个分组的平均值，然后对B列内的每个元素减去分组平均值

给图片或文字加上鼠标悬浮时旋转动画

一个很简单的css即可实现图片或文字鼠标悬浮时旋转动画。这里就简单的说一下2d旋转。首先用到 transform 属性，具体代码如下： transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:

雨尘

2018/07/17

2.3K0

win10 uwp 如何修改 Flyout 的宽度或高度

github git 开源

在堆栈有小伙伴问如何修改 Flyout 的宽度，他看到宽度会使用第一个元素的大小而不是最大的

林德熙

2020/03/25

1.5K0

win10 uwp 如何修改 Flyout 的宽度或高度

最大宽度最小宽度

css3又加入了min-width,min-height,max-with,max-height等属性

十月梦想

2018/08/29

3.1K0

7-标识列或自增长列

# 标识列 /* 又称为自增长列含义：可以不用手动插入值，系统提供默认的序列值特点： 1. 标识列必须和键搭配（主键，唯一，外键等） 2. 一个表中只能有一个标识列 3. 标识列的类型只能是数值型（整型+浮点型） */ # 创建表时，设置某列为标识列 DROP TABLE IF EXISTS tab_identify; CREATE TABLE tab_identify( id INT PRIMARY KEY AUTO_INCREMENT, NAME VARCHAR(20) ); TRUN

Ywrby

2022/10/27

5390

java/poi 调整Excel 列宽支持自适应中文字符宽度

打包 apache unicode

apache/poi是apache旗下用于读写Microsoft Office 二进制文件和OOXML 格式文件的开源库。用它来进行excel文件的导出是很趁手的。一般来说可以直接使用 Sheet.autoSizeColumn方法自动调整每列的宽度。但是遇到包含中文的列，autoSizeColumn方法计算的列宽是不正确的，算出的宽度不能完整显示中文内容。最近项目中就遇到了这个问题，于是参考网上的各类文章，自己实现了自动适应中文字符宽度的方法

10km

2022/09/16

3.1K1

pandas 导出 Excel 文件的时候自动列宽，自动加上边框

sql api excel pandas xlrd

尝试过 xlrd、xlwt、openpyxl、xlwings、pandas 来处理 Excel，如果说除了读写 Excel，还要做数据分析，还是 pandas 最好用，大多数情况下，你根本不需要把数据插入数据库，再用 SQL 去做数据分析。

somenzz

2022/10/25

2.3K0

vue+element实现表格跨行或跨列合并

vue+element用于pc后台管理系统比较多,所以后台管理系统一般以处理数据为主,数据结构的复杂程度变高,相对应的前端展示成本也提高, 有些产品经理或许会要求表格跨行或跨列合并,如果你正在想怎么实现,那就接着往下看最新封装了一个表格合并和编辑插件:vue-split-table,戳一戳效果图

火狼1

2019/04/17

7.9K0

vue+element实现表格跨行或跨列合并

点击加载更多

相似问题

在VSCode中打开木星: TypeError:无法读取未定义的属性(读取'makeSettings')

14

文件移动/复制操作后无法读取的木星笔记本

116

无法发射木星笔记本

29

无法设置木星笔记本

12

我无法在我的木星笔记本上读取数据。

12

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例