小编You*_*ice的帖子

HTML5画布drawImage图像大小不正确

您好我有问题我尝试drawImage在50px x 50px画布上使用功能50px x 50px在画布上绘制图像,但我比我需要的要小.

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

var img = new Image();
img.onload = function() {
    $("canvas").css("width", 50);
    $("canvas").css("height", 50);
    ctx.drawImage(img, 0, 0, 50, 50); //bad here why not drawing 50x50px image on the canvas?           
}
img.src = 'http://www.w3schools.com/tags/planets.gif';

Run Code Online (Sandbox Code Playgroud)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img src="http://www.w3schools.com/tags/planets.gif" width="100" height="100" style="position: absolute; top: 0px; left: 0px">
<canvas id="canvas" style="position: absolute; top: 0px; left: 120px; border: 1px solid #000"></canvas>

Run Code Online (Sandbox Code Playgroud)

javascript html5 canvas

You*_*ice

lucky-day

6
推荐指数

1
解决办法

4673
查看次数

HTML5 Canvas javascript 涂抹刷工具

我需要知道如何制作可以涂抹颜色的画笔。

图中示例：右侧使用基本画笔绘制，左侧也绘制两种不同颜色，但额外使用涂抹工具，结果应该类似于左侧

在此处输入图片说明

我需要建议我如何尝试去做

javascript brush drawingbrush html5-canvas

You*_*ice

lucky-day

1
推荐指数

1
解决办法

2454
查看次数

HTML5 javascript 画笔

你好，也许有人知道我在哪里可以找到漂亮而流畅的 HTML5 画笔，就像http://muro.deviantart.com/我试图找到的那样，但所有画笔都只能在 Photoshop 或桌面应用程序中找到。

html canvas brush

You*_*ice

lucky-day

1
推荐指数

1
解决办法

3741
查看次数

HTML5画布涂料混色工具

您好我需要创建混合颜色工具,我尝试从画布中获取颜色像素getImageData并与我选择的颜色混合并获得平均颜色,我可以轻松获得它:

/* r1 = red channel from getImageData
   g1 = green channel from getImageData
   b1 = blue channel from getImageData

   r2 = red channel my selected color
   g2,b2 same
*/   
var avR = Math.round(0.5*r1 + 0.5*r2);
var avG = Math.round(0.5*g1 + 0.5*g2);
var avB = Math.round(0.5*b1 + 0.5*b2);

Run Code Online (Sandbox Code Playgroud)

虽然我画我尝试混合这种颜色,但混合效果不可用..

也许有人可以帮助我？ http://jsfiddle.net/b72ky2sc/6/

我需要该工具可以在左侧获取图像: 在此输入图像描述

javascript html5 canvas brush

You*_*ice

lucky-day

1
推荐指数

1
解决办法

1336
查看次数