html5 渐变色矩形,使用HTML5画布元素的矩形渐变

如何使用HTML5画布元素绘制具有如下图所示渐变效果的矩形？使用HTML5画布元素的矩形渐变

编辑：感谢所有的反馈。是的，我已经尝试了很多方法。例如，我可以使用@Loktar建议的createRadialGradient方法吗？下面是一些示例代码：

test

function draw() {

var canvas = document.getElementById("canvas"),

ctx = canvas.getContext("2d");

var grad1 = ctx.createRadialGradient(50, 50, 0, 50, 50, 50);

grad1.addColorStop(0, 'rgba(255, 252, 0, 1)');

grad1.addColorStop(1, 'rgba(68, 205, 37, 1)');

ctx.fillStyle = grad1;

ctx.fillRect(0, 0, 100, 100);

}

但结果不是很我想要的：

这应该是由GDI +提供像PathGradientBrush的方法很容易做到。我不确定是否可以使用HTML5 canvas元素。

你到目前为止尝试过什么？附： https://developer.mozilla.org/en/Canvas_tutorial%3aApplying_styles_and_colors 5分钟，你就能做到！ –

heh idk约5分钟。继承人我可怕的企图，甚至不会将它作为回答http://jsfiddle.net/loktar/MAjPQ/1/ –

obv'5分钟'意味着它很容易阅读该文档，并尝试轻松获得解决方案:) –

html5 渐变色矩形,使用HTML5画布元素的矩形渐变相关推荐

html5 fish bow,带有HTML5画布元素的矩形渐变
如何使用 HTML5画布元素绘制具有如下图所示的渐变效果的矩形? 编辑:感谢您的所有反馈.是的,我已经尝试了很多方法.例如,我可以使用@Loktar建议的createRadialGradient方法吗 ...
html5画板游戏,HTML 5画布游戏停止(HTML 5 canvas game stop)
HTML 5画布游戏停止(HTML 5 canvas game stop) 我使用HTML 5画布和javascript在我的网页上创建了一个游戏.游戏循环运行,用户可以使用键盘播放. 网页上的游戏画 ...
html5画布可以p图,HTML5图像适合发布在画布上
我正在研究HTML5移动应用程序.我正在使用画布元素和文件上传元素. 每当用户从手机上点击这个文件上传元素.他看到两种选择. 1.选择现有的照片 2.拍摄新照片HTML5图像适合发布在画布上如果他选 ...
HTML5中的canvas（画布）
HTML5中的canvas(画布) 1.关于canvas的简介 1.canvas是HTML5标签,表示画布,canvas只是作为图像绘制的容器,所有的绘制工作都在脚本JavaScript内部完成. 2 ...
HTML5中的Article和Section元素
日期:2013-3-20 来源:GBin1.com HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:<article>和< ...
哪一个不是html5新增的语义化标记元素,东师19春《HTML5开发基础与应用》作业考核【标准答案】...
<HTML5开发基础与应用>作业考核-0001 试卷总分:100 得分:0 一. 单选题 (共 30 道试题,共 60 分) 1.关于cookie存储机制下列说法不正确的是: A.简 ...
关于HTML5中的video和audio元素
<video>和<audio>元素是HTML5中新增的两个元素! Video:用于电影文件和其他视频流的播放. audio:用于音乐文件和其他音频流的播放. html: < ...
Html5中新增的表单元素详解
HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性. •datalist •keygen •output datalist 元素 datalist 元素规定输入域的选项列表.列表是 ...
HTML5 学习总结（二）——HTML5新增属性与表单元素
一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html><head>< ...

html5 渐变色矩形,使用HTML5画布元素的矩形渐变

html5 渐变色矩形,使用HTML5画布元素的矩形渐变相关推荐

最新文章

热门文章