2017-01-19 18 views
-2

キャンバスに表示されるカーソルがbase64のエンコードされたアイコンです。だから私の前提は、私​​は<img>タグを使うことができないということですが、私はこのアイコンを拡大縮小したいと思います。それを行う方法はありますか?javascriptを使用してアイコンのサイズを変更する方法

マイHTMLピース

<canvas style="cursor: url("data:image/x-icon;base64,.....") 0 0, default;"></canvas> 
+1

最小、完全、および確認可能な例を入力してください。 http://stackoverflow.com/help/mcve – haxxxton

+0

ありがとう! – Bomin

+0

更新しました。「カーソル」を「スケール」することはできません。私の提案は、目に見えない画像にカーソルをセットしてから、その大きさを制御できるグラフィックスで「カーソルに従う」テクニックを使うことです。このチュートリアルをご覧くださいhttps://www.kirupa.com/canvas/follow_mouse_cursor.htm – haxxxton

答えて

0

することはできサイズcanvas要素あなたはCSSのスケーリングがキャンバスの座標に影響を与えないことを念頭に置く必要があるものの要素の他のすべての種類、同じ方法。スタイルのプロパティではなく、要素のwidthheightの属性を使用する方が一般的には良い方法です。

<img>の要素としてbase64でエンコードされた文字列を使用できないと思っています。これは間違いなく可能です。キャンバスと同じ方法で実行されると思います。

私は間違っている可能性がありますが、あなたの例ではcursor属性のようないくつかの奇妙なエラーがあり、属性は等号の代わりにコロンで定義されています。属性の引用符がありますが、引用符はありません。私はまた、実際には0, 0, defaultセクションの属性が表現されているとは確信していません。

+0

私の悪い。コードを更新しました – Bomin

+0

@Bominトラブルはありません!答えがあなたを助けましたか、これはあなたが求めていたものではありませんか? – furkle

+0

本当に、私はあなたのアドバイスを本当に理解していません。カーソルがcssにあるので、どのように 'width'と' height'を割り当てることができますか? – Bomin

関連する問題