标签: rendering
我可以将部分HTML页面导出为SVG图像吗？
我需要一个维基百科导航框的矢量图像.不幸的是,Inkscape无法打开HTML文件,Opera和Chromium都无法将页面保存为SVG.谷歌搜索,谷歌搜索,然后更多的谷歌搜索没有任何结果; 特别是,'HTML2svg'似乎意味着HTML'与'内部的SVG图像对话的功能.有人如何将HTML转换为SVG,无论是整个页面还是页面上的div？我需要样式化的HTML,CSS和所有.
推荐指数
解决办法
查看次数
如何提高WPF UI渲染速度
如果WPF应用程序的屏幕包含许多原始控件,则其呈现会变得迟缓.在这种情况下,除了添加更少的控件和使用更强大的视频卡之外,有哪些建议的方法可以提高WPF应用程序的响应能力？
有没有办法以某种方式使用屏幕外缓冲或类似的东西？
推荐指数
解决办法
查看次数
铬整体字体渲染问题2016年
我仍然遇到谷歌Chrome中非常糟糕的字体渲染问题.我使用的是版本50.0.2661.102 m.我停用了"DirectWrite"并且它有点好了,但是瘦字体仍然很难读.我重新安装了chrome来获取默认设置.
这是与Firefox(顶部)的比较.忽略单词spacingings,它由响应式布局和对齐文本引起.
所有页面上的所有字体都会出现这种情况 我看到了很多变通方法,但他们都假设安装了Chrome 36及以下版本.从Chrome 37开始正式修复它.但是我在所有的PC上都得到了这个功能.
有没有修复,或铬是不是很糟糕的字体？
推荐指数
解决办法
查看次数
默认情况下渲染JSON而不是HTML？
我试着告诉rails 3.2默认情况下它应该呈现JSON,并完全像这样踢HTML:
respond_to :json
def index
@clients = Client.all
respond_with @clients
end
使用此语法,我必须添加.json到URL.我怎样才能实现它？
推荐指数
解决办法
查看次数
如何在Windows上的CSS 3中更流畅地呈现精简字体？
当我在Adobe Flash Pro CS6中设计我的网站时,字体如下所示:
字体看起来平滑而且稍厚,当我创建HTML和CSS来在浏览器中呈现字体时,它们分别在IE,Firefox和Chrome中显示.
在某些区域看起来更薄且像素化.我在OS X上看到了更平滑的字体渲染.如何在这些浏览器中使字体看起来更流畅？我认为这是ClearType的一个问题,看起来像这样的瘦字体是可怕的.
这是我用来测试的代码,所以答案可以在发布之前进行测试:
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css' />
</head>
<body>
<span style="color: #333; font-family: Lato; font-size: 32px;">Question or concern?</span>
</body>
</html>
推荐指数
解决办法
查看次数
使用内联/ base64图像为网站比仅链接到硬文件要快多少？
与简单地链接到服务器上的硬文件相比,使用base64/line显示图像要快多少？
url(data:image/png;base64,.......)
我无法在此找到任何类型的性能指标.
我有一些顾虑:
- 您不再获得缓存的好处
- 不是base64比PNG/JPEG文件大小大吗？
让我们定义"更快",如下所示:用户查看完整呈现的HTML网页所需的时间
推荐指数
解决办法
查看次数
混合百分比和固定CSS
这是来自UI.StackExchange.com的重复:https://ux.stackexchange.com/questions/1004/mixing-percent-and-fixed-css
您是否应该将百分比和固定CSS应用在一起？它会引起问题,如果有的话会是什么类型的？
- 混合会降低浏览器渲染性能吗？
- 使用渐进式渲染浏览器,混合会在初始加载时给出奇怪的结果吗？
下面只是混合使用的一个愚蠢的例子,它可以是任何混合物. 我不是在寻找示例的验证. 我听说你永远不应该在下面的例子中做我所拥有的,所以我试图找出以这种方式使用CSS是一个问题.
混合使用示例:
<style>
.container
{
width:300px;
}
.cell
{
width:25%;
}
</style>
<table class="container">
<tr>
<td class="cell"><td>
<td class="cell"><td>
<td class="cell"><td>
<td class="cell"><td>
</tr>
</table>
推荐指数
解决办法
查看次数
在浏览器中描述页面呈现过程？
首先,我对这个问题所解决的整个请求 - 响应过程不感兴趣
从输入网址到浏览器的地址栏以获取浏览器中呈现的页面的完整过程是什么？
一旦它从服务器收到html响应,我想知道浏览器内部发生了什么.提出这个问题背后的意图是了解客户端脚本的内部细节.如果您能够在抽象概念中解释Web浏览器包含的内容,那将是有益的.您可以将它们称为CSS引擎,javascript引擎等.目标是精确地可视化我正在进行的Web开发.
不幸的是,我没有找到解决此问题的任何网络资源.如果有资源可以解释这些概念,请原谅我.如果这个问题过于详尽无法回答,您可以指向资源(书籍等).
推荐指数
解决办法
查看次数
Firefox 1像素错误与边界崩溃,解决方法？
以下"左侧1个像素"错误是否有任何解决方法？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<body>
<div style="padding: 50px">
<div style="border: 1px solid red">Table header info</div>
<table style="border: 1px solid green; border-collapse: collapse; width: 100%">
<tbody>
<tr>
<th>Col1</th>
<th>Col2</th>
</tr>
<tr>
<td>Hello</td>
<td>World</td>
</tr>
</tbody>
</table>
<div style="border: 1px solid red">Table footer info</div>
</div>
</body>
</html>
它看起来像这样:
Firefox CSS bug http://i42.tinypic.com/245x9ud.png
这有什么纯CSS解决方案吗？
编辑
我对我的桌子有点不清楚,所以这里又是:
边界崩溃:
Firefox CSS bug http://i42.tinypic.com/245x9ud.png
使用cellspacing ="0"并且没有建议的边框折叠:
Firefox CSS bug http://i44.tinypic.com/2rg0qxi.png
所以现在我桌子里的边框加倍了,但是我希望桌子上有1px的边框.
当我从表中删除1px边框时,我以:
推荐指数
解决办法
查看次数
渲染:动作和渲染:模板之间的区别
render :action => "new"和之间有什么区别render :template => "users/new"？我听说过渲染模板,我们可以用于其他控制器的视图.这两者之间的渲染布局是否存在差异？对于渲染:模板,是否需要定义一个动作或者视图页面本身是否足够？
推荐指数
解决办法
查看次数