javascript - 无法在 Canvas 上绘制矩形

标签 javascript html canvas

我正在白色背景的 Canvas 上绘制图像。我想在图像上绘制边框,但无法这样做。这是我的代码:

var canvas = parent.document.createElement('canvas');
canvas.width = image.width;
canvas.height = image.height;
var context = canvas.getContext('2d');
context.fillStyle = "black";
context.font = "50px Arial";
//context.fillText(chartId, canvas.width-200, 50);
context.drawImage(image, 0, 0);
context.fillStyle = "#000000";
context.rect(0,0,canvas.width,canvas.height);
context.globalCompositeOperation = "destination-over";
context.fillStyle = "#FFFFFF";

但是当我下载此图像时,我没有看到任何边框。

最佳答案

你忘了抚摸你的直肠。

context.stroke();

关于javascript - 无法在 Canvas 上绘制矩形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31041833/

相关文章:

javascript - 原型(prototype) "Bind"方法问题

javascript - 为什么我不能将 IMG 元素链接到像 "http://en.wikipedia.org/wiki/File:Batman_Lee.png"这样的 url

php - 从 PHP 中的 HTML 更改 CSS

html - 灵活高度页眉和页脚 div 之间的灵活 div 高度

javascript - 透明色 HTML5 Canvas

javascript - HTML > 根据窗口和图像大小旋转和缩放图像

javascript - 在本地主机上使用 Disqus?

javascript - 获取字符串中的所有数字并将其推送到数组(javascript)

html - 鼠标悬停在链接上时的 css 宽度过渡

jquery - 如何在fabricJS中向圆形对象添加文本?