canvasのdrawImageでEdgeだけIndexSizeError - Qiita
現象 canvasへのdrawImageでChromeだと正常だが、Edgeだとエラー(IndexSizeError)が出る状況が発生 テストプログラム 原因 drawImageのsWidthとsHeightが元画像の大きさより大きい場合にEdgeだとエラーになる Edgeのバージョンアップで解決 仕様だとどっちが正しいのか分からないけど、Edgeで修正されたらしい。 「We are pleased to report this feature is fixed in Edge 17093 and is available in our Insider Preview build.」 実際、Windows 10 April UpdateでEdgeのバージョンが上がったらエラーが出なくなった。 エラーあり
Canvas tutorial - MDC
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
safari(iOS12)で"Total canvas memory use exceeds the maximum limit"が出る場合の対処法 - Qiita
safari(iOS12)で"Total canvas memory use exceeds the maximum limit"が出る場合の対処法JavaScriptSafariiOS12 phina.jsに限った話じゃないのですが、phina.jsを使っている時に遭遇した問題なのでphina.jsのアドベントカレンダーとして書いてみたりします。 前置き phina.jsで、結構大きめの画像を大量に扱うアプリケーションを作っていたのですが、iOS12のsafariでテストしていた時に、 "Total canvas memory use exceeds the maximum limit(288MB)" という警告が画像の読み込み時に発生する様になりました。 この警告が発生してからgetContext('2d')を実行すると必ずnullが返り、それ以降canvasからcontextの取得が
web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
キャンバスの最適化 - Web API | MDN
« 前のページ 次のページ » <canvas> 要素は、ウェブで二次元グラフィックを描画するためにもっとも広く使用されているツールのひとつです。しかし、ウェブサイトやアプリがキャンバス API の限界付近まで使用するようになって、パフォーマンスが悪化するようになりました。この記事では、キャンバス要素の使用を最適化して、グラフィックを確実に改善するための提案を行います。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
