1
我正在使用sketch.js庫在畫布上繪製某些東西。基本上我需要的是默認的筆刷大小對我來說似乎很大。我想更改默認的筆刷大小。請幫忙。我已經看過這個鏈接http://intridea.github.io/sketch.js/,但點擊錨標籤後,此鏈接的描述工作。我想默認更改大小。任何幫助表示讚賞。Sketch.js:更改默認畫筆大小
我正在使用sketch.js庫在畫布上繪製某些東西。基本上我需要的是默認的筆刷大小對我來說似乎很大。我想更改默認的筆刷大小。請幫忙。我已經看過這個鏈接http://intridea.github.io/sketch.js/,但點擊錨標籤後,此鏈接的描述工作。我想默認更改大小。任何幫助表示讚賞。Sketch.js:更改默認畫筆大小
sketch.js文件中的某處有一段代碼,您可以在其中更改默認大小。
Sketch = (function() {
function Sketch(el, opts) {
this.el = el;
this.canvas = $(el);
this.context = el.getContext('2d');
this.options = $.extend({
toolLinks: true,
defaultTool: 'marker',
defaultColor: '#000000',
defaultSize: 5 //<<< here you can change the default size
}, opts);
如果你想在用戶手動更改筆刷的大小,那麼你可以使用下面的代碼:
Sizes :
<a href="#canvas" data-size="1"><img src="img/pencil_icon.png" alt="Pencil"/></a>
<a href="#canvas" data-size="3"><img src="img/pen_icon.png" alt="Pen"/></a>
<a href="#canvas" data-size="5"><img src="img/stick_icon.png" alt="Stick"/></a>
<a href="#canvas" data-size="9"><img src="img/smallbrush_icon.png" alt="Small brush"/></a>
<a href="#canvas" data-size="15"><img src="img/mediumbrush_icon.png" alt="Medium brush"/></a>
<a href="#canvas" data-size="30"><img src="img/bigbrush_icon.png" alt="Big brush"/></a>
<a href="#canvas" data-size="60"><img src="img/bucket_icon.png" alt="Huge bucket"/></a>
凡帆布是你的畫布
感謝名單..它的工作的ID。這很簡單。非常感謝你:) – Ashish
很高興我能幫上忙 –