Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 帆船+;画布将图像发送到视图中_Javascript_Vue.js_Canvas_Sails.js_Node Canvas - Fatal编程技术网

Javascript 帆船+;画布将图像发送到视图中

Javascript 帆船+;画布将图像发送到视图中,javascript,vue.js,canvas,sails.js,node-canvas,Javascript,Vue.js,Canvas,Sails.js,Node Canvas,现在我正在使用sailsjs+Canvas,我正在尝试将在后端创建的画布发送到浏览器的视图中 到目前为止,我所做的是在控制器中创建画布,当您转到route ex./canvas时,它将在那里显示图像。但是,如果我想将画布发送到视图中,该怎么办?例如,homepage.ejs我知道后端没有html或文档,但是您不能将元素发送到现有视图中吗 我尝试查看node canvas browser.js示例,在html上生成一个脚本以捕获画布。但我无法做到这一点。所以我现在需要一些帮助 拉票控制器 modu

现在我正在使用sailsjs+Canvas,我正在尝试将在后端创建的画布发送到浏览器的视图中

到目前为止,我所做的是在控制器中创建画布,当您转到route ex./canvas时,它将在那里显示图像。但是,如果我想将画布发送到视图中,该怎么办?例如,homepage.ejs我知道后端没有html或文档,但是您不能将元素发送到现有视图中吗

我尝试查看node canvas browser.js示例,在html上生成一个脚本以捕获画布。但我无法做到这一点。所以我现在需要一些帮助

拉票控制器

module.exports = {

    myCanvasAction: function(req, res) {
    var { createCanvas } = require('canvas')
    var canvas = createCanvas(320, 320)
    var ctx = canvas.getContext('2d')

    ctx.fillStyle = 'green';
    ctx.fillRect(10, 10, 150, 100);

    res.set('Content-Type', 'image/png'),
    canvas.pngStream().pipe(res);
  }

};
路线

'GET /canvas': {
    controller: 'Canvas',
    action: 'myCanvasAction'
  }

你能分享它如何与非ejs技术一起工作的代码吗?你能分享它如何与非ejs技术一起工作的代码吗?