Как нарисовать графику в html коде которую нельзя скопировать
<!DOCTYPE html>
// объявляем пространство имен XML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>You Rock!</title>
<meta charset="UTF-8" />
</head>
<body>
<p>I'm kinda liking this XHTML!</p>
<svg xmlns="http://www.w3.org/2000/svg">
<rect stroke="black" fill="blue" x="45px" y="45px"
width="200px" height="100px" stroke-width="2" />
</svg>
</body>
</html>
С помощью данного кода на странице будет нарисован синий прямоугольник который не возможно скопировать и у него нет ссылки на файл. Такую графику можно скопировать только с помощью скриншота экрана, или с помощью html кода.
SVG определяет ряд базовых фигур, таких как круги, прямоугольники, многоугольники, линии и т. д. Если вам потребуется нарисовать более сложные фигуры, то вы также сможете определить контуры с помощью SVG — естественно, в этот момент вещи начнут становиться более сложными (как вы уже могли убедиться в случае с контурами в canvas). Однако существуют графические редакторы, которые позволят вам нарисовать сцену или экспортировать ее как SVG, избавляя вас от головной боли, которую вам доставила бы необходимость самостоятельно разбираться со всеми этими контурами! Вы сможете масштабировать свою графику, увеличивая или уменьшая ее но своему усмотрению, и она при этом не подвергнется никселизации, которая имеет место при масштабировании изображений в формате jpeg или png. Это облегчает повторное использование графики в различных ситуациях. А поскольку SVG определяется с использованием текста, в случае с SVG-файлами можно осуществлять поиск, индексировать их, применять к ним сценарии, а также сжимать их.
Оставить свой ответ:
