Запитання з тегом «canvas»

У мене є елемент полотна з кресленням, і я хочу створити кнопку, яка при натисканні збереже зображення як файл у форматі PNG. Отже, воно має відкрити діалогове вікно збереження, відкриття, закриття ... Я роблю це за допомогою цього коду var canvas = document.getElementById("myCanvas"); window.open(canvas.toDataURL("image/png")); Але коли я тестую це в …

80 javascript  html  canvas 

Я намагаюся прив'язати дані до цього ItemsControl: <ItemsControl ItemsSource="{Binding Path=Nodes, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <Canvas /> </ItemsPanelTemplate> </ItemsControl.ItemsPanel> </ItemsControl> Використовуючи це DataTemplate, я намагаюся правильно розташувати свої Nodeелементи Canvasправильно: <DataTemplate DataType="{x:Type Model:EndNode}"> <Controls:EndNodeControl Canvas.Left="{Binding Path=XPos}" Canvas.Top="{Binding Path=YPos}" /> </DataTemplate> Однак це працює не так, як очікувалося. Усі мої елементи вузла …

80 c#  wpf  xaml  canvas  itemscontrol 

я хотів би зробити прямокутне полотно для імітації індикатора прогресу, але, здається, коли я встановлюю ширину та висоту полотна на 100%, це насправді не робить його таким високим і таким широким, як батьківський див. приклад нижче http://jsfiddle.net/PQS3A/ Чи можна взагалі зробити полотно без квадрата? Я не хочу жорстко кодувати висоту …

80 javascript  css  html  canvas 

У мене є форма, яка дозволяє користувачеві завантажувати зображення. Після завантаження зображення ми виконуємо його масштабування, щоб зменшити розмір файлу, перш ніж передавати його назад на сервер. Для цього ми розміщуємо його на полотні і маніпулюємо ним там. Цей код відображатиме масштабоване зображення на полотні з розміром полотна 320 x …

79 javascript  html  canvas  html5-canvas 

Я програмую проект HTML5 <canvas>, який передбачає збільшення та зменшення зображень за допомогою колеса прокрутки. Я хочу наблизити курсор, як це робить google maps, але я повністю заблукав, як розрахувати рухи. Що у мене є: зображення x та y (верхній лівий кут); ширина та висота зображення; курсор x та y …

78 javascript  html  canvas  zoom  scrollwheel 

Зачинено. Це питання не відповідає вимогам щодо переповнення стека . Наразі відповіді не приймаються. Хочете покращити це питання? Оновіть питання, щоб воно було актуальним для переповнення стека. Закрито 6 років тому . Заблоковано . Це запитання та відповіді на нього заблоковані, оскільки це питання не стосується теми, але має історичне …

76 javascript  canvas 

Отже, я використовую карти Google, і отримую зображення, щоб воно виглядало так <img id="staticMap" src="http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap &markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318 &markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&sensor=false"> Мені потрібно це зберегти. Я знайшов це: function getBase64FromImageUrl(URL) { var img = new Image(); img.src = URL; img.onload = function() { var canvas = document.createElement("canvas"); canvas.width = this.width; canvas.height = this.height; var …

76 javascript  canvas  cors 

Я намагаюся використовувати елемент полотна HTML5, щоб намалювати деякі дуги та кола - це чудово працює у FF, але IE8, схоже, не підтримує його. Зараз існують бібліотеки Javascript, які, здається, змушують IE8 добре працювати з Canvas. Приклад можна знайти тут . Я прочитав ціле їх джерело, але не можу зрозуміти, …

75 internet-explorer-8  html  canvas 

Я розглядав такі речі, як Cufon і typeface.js, але вони, схоже, є альтернативами SIFR і не дозволяють встановлювати координати вільної форми та малювати власний тип на <canvas> У когось є якісь ідеї?

75 html  canvas  fonts  cufon  typeface.js