小编kan*_*gax的帖子

我为我的网站设置了_setCustomVar,如下所示:

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX']);
  _gaq.push(['_setDomainName', '.blog4ever.com']);
  _gaq.push(['_trackPageview']);
  _gaq.push(['_setCustomVar', 1, 'B4E_Type_Pub', 'Silver_ou_Gold', 3]);
  _gaq.push(['_setCustomVar', 2, 'B4E_Etat_Blog', 'normal', 3]);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

在我的仪表板中,当我进入时:访客 - >自定义变量,我看到我的2个变量,但数字真的很奇怪(如40页视图,尽管我有数千页的视图).

我已经安装了2天了.

有人面临同样的问题吗？

所以这是我的观点:

$(function() {
var ImageManipulation = Backbone.View.extend({

    el: $('body'),
    tagName: "img",

    events: {
        'mouseover img': 'fullsize',
        'click img#current': 'shrink'
    },
    initialize: function() {
        _.bindAll(this, 'render', 'fullsize', 'shrink');

        //var message = this.fullsize;
        //message.bind("test", this.fullsize);
    },
    render: function() {

    },
    fullsize: function() {
        console.log("in fullsize function");
        console.log(this.el);
        $('.drop-shadow').click(function() {
            console.log(this.id);
            if (this.id != 'current') {
                $('.individual').fadeIn();
                $(this).css('position', 'absolute');
                $(this).css('z-index', '999');
                $(this).animate({
                    top: '10px',
                    height: '432px',
                }, 500, function() {
                    this.id = "current";
                    console.log("animation complete");
                    return true;
                });
            };
        });
    },
    shrink: function() …

我想在画布上绘制文字.,如何做任何示例示例？画布已经包含了一些绘制的形状,我想在画布上的那个形状的顶部显示文字我该怎么办？

我正在使用jquery和fabric.js库构建一个canvas用户界面,我使用以下代码设置了一个带有透明部分的overlay png图像

var bgImgSrc = bgImg.attr('src');
canvas.setOverlayImage(bgImgSrc, function(img){
  canvas.renderAll();
});

我还在叠加层后面添加了一个图像,并使用以下代码调整大小以适合容器

var photoImg = $('#img-photo');
var photoImgSrc = photoImg.attr('src');
fabric.Image.fromURL(photoImgSrc, function(img) {
  var photoImgWidth = photoImg.width();
  var photoImgHeight = photoImg.height();
  var hRatio = 380/photoImgWidth;
  var vRatio = 300/photoImgHeight;
  var ratio = Math.min(hRatio, vRatio);
  pImg = img.set({left: 380/2, top: 300/2, angle: 0})
  img.scale(ratio).setCoords();    
  canvas.add(pImg);
  canvas.sendToBack(pImg);
  canvas.renderAll();
});

并且它按预期工作,但是,当我点击图像来缩放/调整它时,我看不到控件,除了通过叠加图像的透明空间.控件位于叠加图像的后面,有没有办法强制显示图像控件而不必将整个图像放在叠加层前面？

是否可以在以下fabric.Canvas设置中删除backgroundImage :

canvas.setBackgroundImage('img_url',function() { 
    canvas.renderAll();

或者只是回到标准背景？要设置backgroundColor到white不工作.

谢谢你的帮助!问候最大

我无法弄清楚如何做到以下几点:

在运行我的测试之前,我想将(multipart)文件发布到服务器.我们的后端为这些上传创建内容配置文件,然后可以通过UI访问.这是我需要运行测试的内容配置文件.

我知道.fill()功能,但这不适用,因为我不想通过UI进行文件上传.有什么方法可以通过CasperJS或javascript实现,或者任何人都可以指向我可能帮助我的文档？

在我的应用程序中,我有多个Fabric.js画布,画布数量没有限制.我将通过loadFromJsonFabric.js的方法渲染重JSON .

因此,如果画布未使用,我想释放结构对象内存.我怎样才能做到这一点？

一次只能看到一个画布.但是我必须在页面加载时渲染所有画布.Canvas实际上是一个页面,用户可以通过单击页码或其他内容在页面之间切换.

记住用户可以随时回到任何画布并尝试涂鸦或使用任何其他Fabric.js功能.

这是我的HTML结构:

<style>
 .fabricCanvas {
   border: 1px solid green;
   margin: 5px;
 }

 .canvas-container {
    margin: 5px;    
 }
</style>
<canvas class="fabricCanvas" width="300" height="300"></canvas>
<canvas class="fabricCanvas" width="300" height="300"></canvas>
<canvas class="fabricCanvas" width="300" height="300"></canvas>
<canvas class="fabricCanvas" width="300" height="300"></canvas>

我的JS代码来存储结构实例

var canvasInstances = [];
$('canvas.fabricCanvas').each(function () {
  var fabricCanvasObj = new fabric.Canvas(this, {
  isDrawingMode: true
});
  canvasInstances.push(fabricCanvasObj);
  fabricCanvasObj.renderAll();
});
console.log(canvasInstances[0]);

我正在存储实例,以便我以后可以使用它们.我想要更好的内存管理,基本上在需要时加载和卸载实例.

示例情况DEMO就在这里.在本演示中,考虑使用z-index将画布相互覆盖,但它们是DOM的一部分,并且已经在页面加载时呈现.

如有任何疑问,请告诉我,我可以进一步解释.

当有超过5个画布iPad浏览器崩溃时,我认为是内存问题.

假设我有一个包含6个对象的画布和一个画布外的按钮.

当我单击此按钮时,其中3个对象将成为一个组并被选中,对象将保持其相对于画布的位置.

那可能吗？

我尝试了很多东西,但可以管理它.我正在寻找的解决方案如下所示.

var objectList=[1,2,3];    
var newgroup = new fabric.Group();

$.each(objectList, function (i) {
    var obj = canvas.item(i);
    newgroup.add(obj.clone());
    canvas.remove(obj);
});

canvas.add(newgroup)
canvas.setActiveGroup(newgroup);
canvas.renderAll();

我希望我的canvas-Element总是具有相同的大小 - 独立于客户端的屏幕分辨率.

如果用户使用浏览器进行缩放,则canvas元素应始终具有相同的大小.

此外,纵横比应始终相同 - 我想要一个1920-1080点的坐标空间.(如果浏览器的比率不同,则canvas-element侧面可能有边框).

我设法用html + css实现这个:

• = 100%的屏幕
• 最大.坐标是1920 x 1080

但是,当我imlemented fabric.js时,它改变了画布的大小.而我无法将其设置回来,以获得响应式设计.

我怎么能用fabric.js来实现呢？

我正在使用 Fabric.js 构建一个简单的画布应用程序。虽然事情看起来不错，但我对一些滤镜效果感兴趣，以使其更酷一些。经过一番搜索后，我发现了各种来源。但我对 glfx.js 库特别感兴趣。

我找不到任何将 Fabric.js 与 glfx.js 集成的特定方法。glfx.js 似乎有自己的画布类fx.Canvas，所以我有点担心无法将两者集成。

我的问题是，是否可以将其他库（例如 glfx.js）与 Fabric.js 一起使用？因为我不知道如何做。

如果没有，如果我使用 Fabric.js，我是否需要编写自己的过滤器才能获得这些效果？

http://evanw.github.io/glfx.js/docs/