小编kan*_*gax的帖子
仅返回与特定年份匹配的Jekyll帖子
如何循环浏览Jekyll网站的帖子,但只对年份等于特定值的帖子采取行动？
{% for post in site.posts %}
{% if post.date.year == 2012 %}
<p>{{ post.date }}</p>
<p>{{ post.title }}</p>
{% endif %}
{% endfor %}
以上不起作用.这样做的正确方法是什么？
6
推荐指数
推荐指数
1
解决办法
解决办法
1630
查看次数
查看次数
6
推荐指数
推荐指数
1
解决办法
解决办法
633
查看次数
查看次数
如何在 Fabric.js 中为活动文本添加轮廓
我使用 fabric js 在 html5 中使用了画布。我想将轮廓应用于画布上的活动文本。我编写的以下代码工作正常，但问题是当我增加轮廓的厚度时，它会与文本重叠，这意味着文本颜色消失。
activeObject1.stroke = color;
activeObject1.strokeWidth = 5;
还有一件事通过应用这个我无法应用第二个大纲。我有一个例子，但它不适用于fabricjs。
http://jsfiddle.net/vNWn6/
6
推荐指数
推荐指数
1
解决办法
解决办法
4200
查看次数
查看次数
Base64图像数据不与fabricjs中的loadfromJSON一起使用
我正在尝试加载一个有图像对象的json对象.图像对象具有基础64图像数据作为背景.但我无法提交loadFromJSON方法.
码:
var jsonDataSet = '{"objects":[{"type":"image","originX":"left","originY":"top","left":0,"top":0,"width":700,"height":600,"fill":"rgb(0,0,0)","overlayFill":null,"stroke":null,"strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"selectable":false,"hasControls":true,"hasBorders":true,"hasRotatingPoint":true,"transparentCorners":true,"perPixelTargetFind":false,"shadow":null,"visible":true,"clipTo":null,"src":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn4AAAFPCAYAAADTHsP1AAAgAElEQ…Lv/vuU1wVsyvXK+Kks1f6gffSCThZ1km3u6NFklCnFes//AbZzi+iGF3/7AAAAAElFTkSuQmCC","filters":[]}],"background":""}';
canvas.loadFromJSON (jsonDataSet);
canvas.renderAll();
它显示错误为 "Error loading data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn4AAAFPCAYAAADTHsP1AAAgAElEQ…Lv/vuU1wVsyvXK+Kks1f6gffSCThZ1km3u6NFklCnFes//AbZzi+iGF3/7AAAAAElFTkSuQmCC "
6
推荐指数
推荐指数
1
解决办法
解决办法
2570
查看次数
查看次数
Canvas getImageData()获得最佳性能.要一次提取所有数据还是一个？
我需要扫描画布图像中的每个像素并做一些颜色等等.为了获得最佳性能,我应该一次性获取所有数据并通过阵列处理它吗？或者我应该在处理每个像素时调用它们.
基本上......
data = context.getImageData(x, y, height, width);
VS
data = context.getImageData(x, y, 1, 1); //in a loop height*width times.
6
推荐指数
推荐指数
2
解决办法
解决办法
6632
查看次数
查看次数
在Fabric组中缩放某些对象而不是其他对象？
我有一个包含文本对象和矩形对象的组.缩放组时,我希望矩形对象更改大小,但文本对象保持相同的大小.
有没有办法实现这个目标？
6
推荐指数
推荐指数
1
解决办法
解决办法
1975
查看次数
查看次数
Fabric.js - 绘制多个图像zindex的问题
我正在使用这个脚本:
var canvas = new fabric.Canvas('game_canvas', { selection: false });
fabric.Image.fromURL('images/bg.jpg', function(img) {
img.set('left', 1024/2).set('top', 600/2).set('zindex', 0);
canvas.add(img);
});
fabric.Image.fromURL('images/panel-2-bg-l-r.png', function(img) {
img.set('left', 262/2).set('top', (390/2)+110).set('zindex', 1);
canvas.add(img);
});
fabric.Image.fromURL('images/player-board.png', function(img) {
img.set('left', 254/2).set('top', (122/2)).set('zindex', 2);
canvas.add(img);
});
fabric.Image.fromURL('images/player-board-top-red.png', function(img) {
img.set('left', 203/2).set('top', (109/2)).set('zindex', 3);
canvas.add(img).bringToFront(img);
});
第三张图像绘制工作正常,并显示一个在另一个之上.但是,如果我添加第4个,它就会隐藏在第3个之后.如果我指定图像的zindex,它仍然只在第3个.
这有什么问题？我在这里做错了吗？请帮忙.
谢谢
彼得
5
推荐指数
推荐指数
1
解决办法
解决办法
9793
查看次数
查看次数
我们如何限制Fabric.js中画布对象的最大宽度和高度
这是jsfiddle.
我想在调整对象大小时限制对象的最大高度/宽度.
这是代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://raw.github.com/kangax/fabric.js/master/dist/all.js"></script>
</head>
<body>
<canvas id="c" width="300" height="300" style="border:1px solid #ccc"></canvas>
<script>
(function() {
var canvas = new fabric.Canvas('c');
canvas.add(new fabric.Rect({ width: 50, height: 50, fill: 'red', top: 100, left: 100 }));
canvas.add(new fabric.Rect({ width: 30, height: 30, fill: 'green', top: 50, left: 50 }));
})();
</script>
</body>
</html>?
5
推荐指数
推荐指数
1
解决办法
解决办法
7044
查看次数
查看次数
将双三次缩放滤镜应用于Pixi.js精灵
我正在使用基于WebGL的框架Pixi.js进行游戏,我尝试应用双三次缩放过滤器.在这种情况下,性能并不重要.
在这里,您可以看到使用CSS制作的示例:
请检查我的Chrome优化jsFiddle.
此代码用于线性缩放图像:
var stage = new PIXI.Stage(0xFFFFFF, true);
var bg = PIXI.Sprite.fromImage("image.png");
bg.scale.x = .125;
bg.scale.y = .25;
stage.addChild(bg);
var renderer = PIXI.autoDetectRenderer(93, 79);
document.body.appendChild(renderer.view);
var textureHasLoaded = false;
checkIfTextureHasLoaded();
function checkIfTextureHasLoaded(){
if (bg.texture.baseTexture.hasLoaded){
textureHasLoaded = true;
renderTexture();
}
if (!textureHasLoaded){
requestAnimFrame(checkIfTextureHasLoaded);
}
}
function renderTexture(){
renderer.render(stage);
}
5
推荐指数
推荐指数
1
解决办法
解决办法
4433
查看次数
查看次数
selenium PhantomJS send_keys不起作用
我正在使用selenium和PhantomJS进行测试.我遵循Selenium的简单用法,但send_keys不适用于PhantomJS,它适用于Firefox.为什么？我必须button.click()改用吗？
#!/usr/bin/python
# -*- coding: utf-8 -*-
import sys
reload(sys)
sys.setdefaultencoding('utf-8')
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
driver = webdriver.PhantomJS()
driver.get("http://www.python.org/")
elem = driver.find_element_by_id("q")
elem.clear()
elem.send_keys("python")
elem.send_keys(Keys.RETURN)
# button = driver.find_element_by_id('submit')
# button.click()
print driver.title
print driver.page_source
driver.close()
5
推荐指数
推荐指数
1
解决办法
解决办法
6468
查看次数
查看次数