相关疑难解决方法(0)

HTML5画布和线宽

我在画布上画线条图.线条画得很好.缩放图形,绘制每个线段,颜色正常等等.我唯一的问题是在视觉上线宽变化.它几乎就像书法笔的笔尖.如果笔划向上,则线条很薄,如果笔划是水平的,则线条较粗.

我的线条粗细是不变的,我strokeStyle的设置为black.我没有看到画布的任何其他属性影响这种变化的线宽但必须有.

html5 canvas

sim*_*sid

2012 01-20

19
推荐指数

2
解决办法

2万
查看次数

使用javascript创建具有随机颜色的随机矩形而不重叠

我如何使用 javascript 在 HTML 中创建这样的东西？

其实我知道如何在 HTML 中创建矩形，但想做这样的事情。HTML 画布可以是任何大小，但每当页面加载时，都会生成多个具有随机大小和颜色的正方形，而不会重叠。当我尝试这样做时，矩形以列表形式生成。我是一名 Web 开发人员（面向 ruby on rails），但对此类 javascript 内容不熟悉。任何帮助将不胜感激。

html：

<body>
    <div id="randBlock" >
    </div>
</body>

Run Code Online (Sandbox Code Playgroud)

javascript:

(function makeDiv(){
    var divsize = ((Math.random()*100) + 50).toFixed();
    var color = '#'+ Math.round(0xffffff * Math.random()).toString(16);
    $newdiv = $('#randBlock').css({
        'width':divsize+'px',
        'height':divsize+'px',
        'background-color': color
    });

    var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
    var posy = (Math.random() * ($(document).height() - divsize)).toFixed();

    $newdiv.css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px',
        'display':'none'
    }).appendTo( 'body' ).fadeIn(100).delay(300).fadeOut(200, function(){
       $(this).remove();
       makeDiv(); 
    }); 
})();

Run Code Online (Sandbox Code Playgroud)

html javascript css canvas

Ama*_*ngh

2016 02-17

5
推荐指数

1
解决办法

5768
查看次数