質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Azure

Azureは、マイクロソフトのクラウド プラットフォームで、旧称は Windows Azureです。PaaSとIaaSを組み合わせることで、 コンピューティング・ストレージ・データ・ネットワーキング・アプリケーションなど多くの機能を持ちます。

Q&A

解決済

1回答

1253閲覧

Azure Functionsでcanvasを使う方法

se_basu

総合スコア6

canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Azure

Azureは、マイクロソフトのクラウド プラットフォームで、旧称は Windows Azureです。PaaSとIaaSを組み合わせることで、 コンピューティング・ストレージ・データ・ネットワーキング・アプリケーションなど多くの機能を持ちます。

0グッド

0クリップ

投稿2021/06/23 07:10

Microsoft Azure Functionsのnode.jsベースでcanvasを使った関数(CreateImageFunc)を追加しました。
関数の先頭で
const canvas = require('canvas');
としてcanvasを使用したところ、次のエラーが発生しました。

Result: Failure Exception: Worker was unable to load function CreateImageFunc:
'Error: A dynamic link library (DLL) initialization routine failed.
?\D:\home\site\wwwroot\node_modules\canvas\build\Release\canvas.node'
Stack: Error: A dynamic link library (DLL) initialization routine failed.
?\D:\home\site\wwwroot\node_modules\canvas\build\Release\canvas.node at Object.Module._extensions..node
(internal/modules/cjs/loader.js:1122:18) at Module.load
(internal/modules/cjs/loader.js:928:32) at Function.Module._load
(internal/modules/cjs/loader.js:769:14) at Module.require
(internal/modules/cjs/loader.js:952:19) at require
(internal/modules/cjs/helpers.js:88:18) at Object.<anonymous>
(D:\home\site\wwwroot\node_modules\canvas\lib\bindings.js:3:18) at Module._compile
(internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions..js
(internal/modules/cjs/loader.js:1092:10) at Module.load
(internal/modules/cjs/loader.js:928:32) at Function.Module._load
(internal/modules/cjs/loader.js:769:14)

ローカルでは問題なく動作しているのですが、何が問題なのか分かりません?
解決方法をご存じの方がおりましたら、ご教授いただけるでしょうか?

こちらAzureもnode.jsも初めてで最近使い始めたばかりですので、情報が不足している場合はご指摘ください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

こんにちは。

Azure Functionsのプラットフォームとプランを教えてください。
もし従量課金で試されている場合は、App Serviceプランで作り直して試してみてください。
手動でnpm installすればいけるかもしれません。

投稿2021/09/07 16:22

Tak1wa

総合スコア4791

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

se_basu

2021/09/08 06:54

ご回答ありがとうございます。 Azure Functionsのプラットフォームが何かよく分かっていないのですが、30日間無料版で試しに使っていました。ずっと実装方法を疑っていましたが、「APP Serviceプランでいけるかも」ということで、契約するプランの可能性もあることを知ることが出来ました。 これからいろいろ試してみたいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問