キャンバスに表示されるカーソルがbase64のエンコードされたアイコンです。だから私の前提は、私は<img>
タグを使うことができないということですが、私はこのアイコンを拡大縮小したいと思います。それを行う方法はありますか?javascriptを使用してアイコンのサイズを変更する方法
マイHTMLピース
<canvas style="cursor: url("data:image/x-icon;base64,.....") 0 0, default;"></canvas>
キャンバスに表示されるカーソルがbase64のエンコードされたアイコンです。だから私の前提は、私は<img>
タグを使うことができないということですが、私はこのアイコンを拡大縮小したいと思います。それを行う方法はありますか?javascriptを使用してアイコンのサイズを変更する方法
マイHTMLピース
<canvas style="cursor: url("data:image/x-icon;base64,.....") 0 0, default;"></canvas>
することはできサイズcanvas
要素あなたはCSSのスケーリングがキャンバスの座標に影響を与えないことを念頭に置く必要があるものの要素の他のすべての種類、同じ方法。スタイルのプロパティではなく、要素のwidth
とheight
の属性を使用する方が一般的には良い方法です。
<img>
の要素としてbase64でエンコードされた文字列を使用できないと思っています。これは間違いなく可能です。キャンバスと同じ方法で実行されると思います。
私は間違っている可能性がありますが、あなたの例ではcursor
属性のようないくつかの奇妙なエラーがあり、属性は等号の代わりにコロンで定義されています。属性の引用符がありますが、引用符はありません。私はまた、実際には0, 0, default
セクションの属性が表現されているとは確信していません。
最小、完全、および確認可能な例を入力してください。 http://stackoverflow.com/help/mcve – haxxxton
ありがとう! – Bomin
更新しました。「カーソル」を「スケール」することはできません。私の提案は、目に見えない画像にカーソルをセットしてから、その大きさを制御できるグラフィックスで「カーソルに従う」テクニックを使うことです。このチュートリアルをご覧くださいhttps://www.kirupa.com/canvas/follow_mouse_cursor.htm – haxxxton