javascript - strokeRect - 使用 HTML 5 的 Canvas 绘图

标签 javascript html canvas shapes

嗨,我正在玩弄形状和 Canvas ,我有一个问题:

假设我有这段代码可以在 Canvas 上绘制一个漂亮的矩形:

$("#create_rectangle").bind("click", function() {   
        if(canvas[0].getContext){
            var ctx = canvas[0].getContext('2d');
            ctx.strokeRect(50,50,50,50);
        }
    });

现在我说我想存储对该矩形的引用,以便我可以在稍后阶段对其进行更改。 stokeRect() 方法似乎没有返回任何值。我如何引用创建的特定矩形?

最佳答案

你不能引用它,但你可以将它包含在一个绘图函数中,这取决于你的参数允许你移动/旋转隐藏等。

这在很大程度上取决于你想用这个形状做什么。

本教程有助于理解形状操作。 http://simonsarris.com/blog/140-canvas-moving-selectable-shapes

关于javascript - strokeRect - 使用 HTML 5 的 Canvas 绘图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6579798/

相关文章:

javascript - 表列组宽度

javascript - 我正在玩 Canvas 。我怎样才能让它发挥作用?

javascript - 如何在页面之间传递输入 ="file"数据

javascript - 我怎样才能让它停止计数?

javascript - echarts map 不显示与 laravel

javascript - html 显示视频文件二进制缓冲区

html - 这个大型菜单下拉菜单的宽度从哪里来?

javascript - 按钮宽度以填充窗口宽度

java - 带有VAADIN 8,Gradle和Spring Boot的 Canvas 插件

javascript - 使用 John Resig 的 Processing.js 是否合理?